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6.4 节 : 逐 顶 点 漫 反 射 光 照 、 逐 像素 漫 反 射 光 照 和 半 兰 伯 


特 光 照 


7.2 节 : 使 用 法 线 纹理 


7.3 节 : 使 


渐变 纹理 来 控制 漫 反射 光照 


8 总， 


演 染 效果 


8.7.2 节 : 透明 度 混合 的 双 面 泻 染 效果 


9.4 节 : 透明 度 测试 的 正确 阴影 效果 


10.2.1 节 : 使 用 


演 染 纹理 来 实现 镜子 效果 


GrabPass 来 实现 玻璃 效果 


~、 


A 11.3.1 节 : 使 用 顶点 动画 来 模拟 2D 河流 


A12.3 太 : 


使 


边缘 检测 来 实现 扫 


本 的 描 边 效果 


案例 效果 图 >>>>>> 


A 11.3.2 节 ， 广告 牌 效 果 


414.2 节 : 素描 风格 的 泻 染 


A 13.4 [Ee] 


: 使 用 深度 + 法 线 纹理 


来 实现 


加 高 级 的 描 边 效果 


<<<<<< 秦 例 效果 图 


A 15.1 节 ， 使 用 噪声 纹理 来 实现 消融 效果 


A 15.3 节 : 使 用 噪声 纹理 来 实现 非 均 匀 雾 效 


2 
| i | 5 
ED 本 二 


EE pe 
| 


A 15.2 节 : 使 用 噪声 纹理 来 实现 水 波 效果 


A17.1 节 : 表面 着 色 器 
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内 容 提 要 


本 书 不 仅 要 教会 读者 如 何 使 用 Unity Shader， 更 重要 的 是 要 帮助 读者 学 习 Unity 中 的 一 些 演 染 机 币 


人 


以 及 如 何 使 用 Unity Shader 实现 各 种 自 定义 的 泻 染 效果 ， 和 希望 这 本 书 可 以 为 读者 打开 一 扇 新 的 大 门 ， 


让 读者 离 制作 心目 中 优秀 游戏 的 心愿 更 近 一 步 。 


本 书 的 主要 内 容 为 : 第 1 章 讲解 了 学 习 Unity Shader 应 该 从 哪里 着 手 ; 第 2 章 讲解 了 现代 GPU 是 


非常 重要 的 作用 ;第 3 章 讲解 Unity Shader 


如 何 实现 整个 泻 染 流水 线 的 , 这 对 理解 Shader 的 工作 原理 有 着 


的 实现 原理 和 基本 语法 ， 第 4 章 学 习 Shader 所 需 的 数学 知识 ， 


帮助 读者 克服 学 习 Unity Shader 时 过 到 


的 数学 障碍 ;第 5 章 通过 实现 一 个 简单 的 顶点 / 片 元 着 色 器 案例 ， 讲 解 常用 的 辅助 技巧 等 ， 第 6 
如 何在 Shader 中 实现 基本 的 光照 模型 ， 第 了 章 讲 述 了 如 何在 Unity Shader 中 使 月 
等 基础 纹理 ; 第 8 章 学 习 如 何 实现 透明 度 测试 和 透明 度 混合 等 透明 效果 ; 第 9 章 讲解 复杂 的 光照 实现 ; 


实现 纹理 动画 、 顶 点 动画 等 动态 效果 ; 第 12 章 讲解 了 屏幕 后 


纹理 和 法 线 纹理 实现 更 多 屏幕 特效 ;第 14 章 讲解 非 真 实感 泻 染 的 算法 ， 如 卡通 泻 染 、 素 描 史 
等 ;第 15 章 讲解 噪声 在 游戏 泻 染 中 的 应 用 ; 第 16 章 介 绍 了 常见 的 优化 技巧 ; 第 17 章 介绍 
器 实现 泻 染 ; 第 18 章 讲 解 基于 物理 泻 染 的 技术 ;第 19 章 讲 解 在 升级 Unity 5 时 可 能 出 现 的 站 
出 解决 方法 ， 第 20 章 介绍 许多 非常 有 价值 的 学 习 资料 ， 以 帮助 读者 进行 更 深入 的 学 习 。 

本 书 适合 Unity 初学 者 、 游 戏 开 发 者 、 程 序 员 ， 也 可 以 作为 大 专 院 校 相关 专业 师 生 的 学 习 


及 培训 学 校 的 培训 教材 。 


第 10 章 讲解 在 Unity Shader 中 使 用 立方 体 纹理 、 演 染 纹理 和 程序 纹理 等 高 级 纹理 ; 第 11 章 学 习 


/ 


np - 
盖 学 二 


法 线 纹理 、 庶 单 纹理 


4 Shader 


处 理 效果 的 屏幕 特效 ， 第 13 章 使 用 深度 


格 的 这 染 
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表面 着 色 


书 ， 以 


Se 2 
月 局 


2004 年 , 有 3 位 年 轻 人 在 开发 他 们 的 第 一 款 游戏 失利 后 , 决定 在 丹麦 首都 哥本哈根 建立 一 家 游戏 
引擎 公司 。 最初, 他 们 的 想法 是 要 让 全 世界 的 开发 人 员 可 以 使 用 最 少 的 资源 来 创建 出 他 们 喜欢 的 游戏 。 
谁 也 不 曾 想到 ， 十 年 以 后 ， 这 个 起 初 并 不 起 眼 的 公司 已 经 发 展 成 为 游戏 引擎 公司 巨头 ， 而 他 们 的 游戏 
引擎 也 成 为 世界 上 应 用 最 广泛 的 游戏 引擎 。 没 错 ， 这 个 公司 就 是 Unity Technologies， 这 3 位 年 轻 人 分 
别 是 公司 创始 人 David Helgason (CEO)、Nicholas Francis (CCO) 和 Joachim Ante (CTO)。 而 这 3 
位 创始 人 的 初衷 也 得 以 实现 ， 截 止 到 2014 年 ， 全 世界 有 超过 300 多 万 的 开发 者 在 使 用 游戏 引擎 Unity 
来 开发 游戏 ， 更 有 6 亿 玩 家 在 玩 由 Unity 引擎 制作 的 游戏 。 这 股 “Unity 热 ”一 直 持续 到 现在 。 

虽然 Unity 引擎 上 手 快 , 操作 界面 简单 快捷 , 但 许多 Unity 开发 者 却 发 现 , 当 他 们 需要 在 Unity 
中 实现 一 些 特殊 的 画面 效果 时 ， 往 往 无 从 下 手 。 这 些 画 面 效 果 的 实现 通常 和 泻 染 有 关 ， 更 具体 来 
说 ， 我 们 通常 需要 在 Unity 中 编写 一 些 Unity Shader 文件 来 实现 它们 。 一 方面 ， 对 演 染 知识 的 缺 
乏 和 对 Shader 的 不 了 解 导 致 很 多 开发 者 在 这 条 路 上 举步维艰 ; 另 一 方面 ， 对 游戏 画面 的 提升 是 越 
来 越 多 游戏 公司 的 诉求 。 然而, Unity 官方 文档 中 不 仅 缺少 对 泻 染 原 理 讲 解 的 内 容 , 对 Unity Shader 
本 身 的 一 些 工作 机 制 (概括 来 说 ，Unity Shader 是 Shader 上 层 的 一 个 抽象 ) 同样 缺少 相关 资料 。 
同时 ， 市 面 上 能 适应 初学 者 的 Unity Shader 书 少 之 又 少 ， 基 于 这 些 原因 ， 使 得 我 想 要 编写 这 样 一 
本 书 来 帮助 开发 者 渡 过 困境 。 

本 书 则 在 从 基础 开始 ， 帮 助 读者 逐渐 了 解 并 掌握 如 何 编写 Unity Shader。 本 书 不 仅仅 是 要 教 
会 读者 “如 何 使 用 Unity Shader”， 更 重要 的 是 要 帮助 读者 建立 对 泻 染 流程 的 基本 认识 ， 在 此 基础 
上 ， 帮 助 读者 学 习 Unity 中 的 一 些 泻 染 机 制 以 及 如 何 使 用 Unity Shader 实现 各 种 自 定 义 的 泻 染 效 
果 。 我 相信 ， 让 读者 首先 了 解 原理 再 进行 实践 ， 相 比 于 大 量 堆砌 代码 是 更 好 的 学 习 方 法 。 因 此 ， 
本 书 在 开始 实践 前 ， 均 会 为 读者 讲解 大 量 的 原理 ， 让 读者 在 学 习 时 不 再 一 头 雾 水 。 

尽管 本 书 专注 于 学 习 Unity Shader， 但 根据 我 的 学 习 经 验 来 看 ， 在 不 了 解 基 础 的 稼 染 流程 和 
基本 的 数学 知识 前 ， 想 要 深入 学 习 Shader 的 编写 是 非常 困难 的 。 实 际 上 ，Shader 仅 是 整个 演 染 流 
程 的 一 个 子 部 分 ， 因 此 ， 任 何 脱离 泻 染 流程 的 对 Shader 的 讲解 可 能 会 让 读者 更 加 困惑 。 而 向 量 运 
算 、 和 矩阵 变换 等 数学 知识 在 Shader 的 编写 中 无 处 不 在 ， 因 此 ， 这 些 数 学 知识 往往 也 是 让 初学 者 对 
Shader 望而却步 的 原因 。 基 于 上 面 的 两 点 观察 ， 本 书 的 安排 从 易 到 难 ， 由 基础 到 深入 。 我 们 把 全 
书 分 为 了 5 篇 ， 读 者 可 以 在 第 1 章 中 看 到 这 些 章节 的 具体 安排 。 


Fr Xt = 


随 着 硬件 的 发 展 ，Shader 的 能 力也 越 来 越 大 。 如 果 问 你 ， 一 个 Shader 可 以 做 什么 ? 你 可 能 会 
回答 泻 染 游 戏 模型 、 模 拟 波动 的 海面 、 实 现 各 种 屏幕 特效 等 。 但 如 果 告 诉 你 ， 上 面 所 示 的 3 张 图 


片 完 全 依靠 一 个 片 元 着 色 器 来 泻 染 实现 ， 没 有 借助 任何 外 部 模型 和 纹理 ， 你 可 能 会 觉得 非常 不 可 


思议 ! 读者 可 以 在 Shadertoy 网 站 上 看 到 许多 这 样 的 例子 。 例 如 ， 上 面 的 小 雨伞 、 五 彩 的 小 方块 ， 


以 及 著 动 的 气球 


什么 程度 的 效果 ,我 们 已 经 不 可 预期 。 本 书 的 重点 不 在 于 教 读 者 如 何 单纯 使 用 Shader 来 实现 上 盏 


于 本 书 是 黑白 印刷 ， 一 些 效果 无 法 显现 )。 一 个 简 简 单单 的 Shader 可 以 做 到 


的 效果 ， 而 在 于 如 
游戏 中 常见 的 演 染 效果 ， 我们 在 此 只 想 说 明 Shader 可 能 远 比 你 想象 的 要 强大 得 多 。 我们 真诚 地 希 


望 本 书 可 以 带 
一 个 奇妙 的 游戏 3 


J 让 Shader 和 其 他 游戏 开发 元 素 〈 例 如 ， 


领 读者 走 进 Shader 的 世界 ， 让 读者 理解 Shader、 掌 握 Shader， 和 我 们 一 起 享受 这 样 
于 发 世界 ! 


读 这 本 书 之 前 你 需要 哪些 知识 


二 


模型 、 纹理 、 脚 等 ) 相配 合 ， 实现 


本 书面 向 Unity Shader 初学 者 和 程序 员 ， 尽 量 在 本 书 的 基础 篇 中 介绍 那些 必要 的 基础 知识 ， 
但 仍然 希望 读者 可 以 具备 如 下 知识 。 


。 有 一 定 〈 或 少量 ) 的 编程 经 验 。 尽 管 Unity Shader 的 乡 


宫 写 语言 不 同 于 C++、C# 这 种 高 级 语言 ， 


但 相 比 于 完全 没有 编程 经 验 的 读者 来 说 , 学 习 过 这 些 高 级 语言 
如 ， 什 么 是 变量 、 什 么 是 函数 等 。 对 于 那些 缺少 编程 经 验 但 仍 对 Shader 有 浓厚 兴趣 的 读者 ， 一 个 好 消 


息 是 ， 在 Unity 的 帮助 下 ， 编 写 Unity Shader 的 代码 量 并 不 多 ， 因 此 ， 这 些 读者 仍然 可 以 阅读 本 书 。 
。 对 Unity 引擎 的 操作 界面 比较 熟悉 。 假定 读者 曾 使 用 


本 操作 已 经 掌握 。 例 如 ， 如 何 创建 场景 、 脚 本 和 游戏 对 象 等 。 


的 读者 更 加 容易 理解 Shader 的 代码 。 例 


过 一 段 时 间 的 Unity， 对 其 中 的 一 些 基 


。 保持 一 定 的 耐心 。 我 兽 听 到 身边 的 所 些 朋 友 抱 怨 , 为 什么 自己 总 是 看 不 懂 、 学 不 会 Shader， 
难道 是 自己 学 习 能 


有 问题 吗 ? 实际 生 ; -这 些 朋 友 大 多 对 Shader 的 学 习 缺 乏 耐 心 ,总 是 抱 着 今天 


看 一 下 明天 就 会 的 心情 。 但 不 过 的 是 , 与 C++、C# 高 级 语言 相 比 来 说 , 就 算 我 们 成 功 编写 了 Shader 


版 的 “Hello world”， 


弦 、 余 驼 计算 等 )。 除 此 之 外 ， 如 果 读 者 具有 大 学 水 平 的 线 
会 更 加 容易 。 为 了 帮助 读者 学 习 Shader 中 常见 上 
阵 、 空 间 变 换 等 重要 的 数学 内 容 。 

面 几 点 小 小 的 条 件 ， 那 么 恭喜 你 ， 现 在 你 可 以 安心 地 继续 阅读 本 书 了 ! 


读本 书 时 
读者 介绍 向 量 、 和 矩 


日 对 于 为 什么 要 这 么 号、 它们 是 怎么 执行 的 等 一 系列 基础 问题 我 们 仍然 并 不 
晶 解 。 这 正 是 我 之 前 提 到 的 ， 要 枉 彻 底 理 解 Shader， 就 必须 了 解 整个 泻 染 流水 线 的 工作 方式 。 因 
此 ， 保 持 耐 心 ， 打 好 基础 ， 是 每 一 个 想 要 深入 学 习 Shader 的 开发 者 的 必 经 之 路 。 


。 有 一 定 的 数学 基础 ， 包 括 了 解 基本 的 代数 运算 〈 如 结合 律 、 交 换 律 等 )、 三 角 运 算 〈 如 正 


U 


如 果 你 满足 上 


谁 适合 读 这 本 书 


任何 想 要 了 解 演 染 基础 或 想 要 自由 地 使 用 Unity Shader 编写 泻 染 效果 的 开发 者 均 可 阅读 本 


。 这 些 开 发 者 不 仅 限于 进行 游戏 开发 的 程序 员 ， 也 包括 习 


生 代 数 、 微 积分 等 数学 知识 ， 会 发 现 阅 
9 数学 运算 ， 我 们 专门 在 本 书 的 第 4 章 为 


B 些 渴望 更 加 自由 地 在 Unity 中 实现 各 


利 


Fh 画 


用 效果 的 美工 人 员 、 在 校 学 生 和 爱好 者 等 。 


为 什么 你 需要 这 本 书 


与 国内 市 场 已 有 的 介绍 相关 内 容 的 书籍 和 资料 相 比 来 说 ， 本 书 有 一 些 独 有 的 特色 。 

。 内 容 独 特 。 本 书 填补 了 Unity Shader 和 泻 染 流水 线 之 间 的 知识 鸿沟 ， 帮 助 读者 打下 良好 的 
底层 基础 。 同时 , 我 们 也 会 对 Unity 中 一 些 泻 染 机 制 的 工作 原理 进行 详细 齐 析 ， 帮 助 读者 解决 “是 
什么 ”“ 为 什么 ”“ 怎 么 做 ”这 3 个 基本 问题 。 除 此 之 外 ， 本 书 配合 大 量 实 例 ， 让 读者 在 实践 中 逐 


渐 掌 握 Unity Shader 的 编写 。 


。 结构 连贯。 


2 


A 


spd 


咎 ， 


解决 读者 长 期 以 来 


的 学 习 烦 


由 于 网 络 上 关于 Unity Shader 的 资料 非常 零散 ， 许 多 初学 者 总 是 无 法 系统 地 进行 
习 。 本 书 在 内 容 编排 上 颇 费 心思 ， 从 基础 到 进 阶 再 到 深入 的 ; 


生 多 
o 


| 


。 充分 面向 初学 者 。 在 本 书 的 编 


写 过 程 中 ， 我 一 直 在 问 自 


这 使 得 在 本 书 开头 的 几 个 章节 


慢 ， 这 是 基 


二 | 


一 些 


， 尤 其 是 在 基础 篇 和 初级 篇 
为 我 非常 了 解 在 学 习 Shader 的 过 程 中 
惑 ， 而 这 些 内 容 正 是 挡 在 初学 者 面前 的 拦路 虎 ! 为 此 ， 提 供 了 大 量 的 图 示 
章节 最 后 提供 了 “答疑 解 惑 ” 小 节 来 解释 胃 


Cy 


的 让 熙 上 
那些 内 容 比较 难 理 


sal 


千 ， 


哪些 


这 么 写 到 底 读者 能 不 能 看 慌 
， 我 们 的 学 习 步 调 放 得 很 
内 容 非 常 容易 让 人 大 


2 


Bb 些 含 糊 不 清 而 初学 者 又 经 


并 配合 文字 说 明 


ds 


EE 
TH 


数学 往往 是 让 初学 者 望而却步 的 重要 因素 ， 我 
案例 ， 以 这 样 一 个 虚拟 的 场景 来 


_ 了 dj 司 . 
月 种 


门 在 第 


。 包含 了 Unity 5 在 演 染 方 


(Frame Debugger )， 


外 的 新 内 容 。 例 如 ， 本 书 多 次 介绍 Unity 5 ! 
并 借助 该 工具 的 帮助 来 理解 Unity 中 的 演 染 过 程 ， 第 


的 


基于 物理 的 演 染 (PBR)， 我 们 较为 详细 


地 剖析 了 PBR 


4 前 数学 一 章 中 特意 安 提 
帮助 读者 理解 数学 在 泻 染 中 是 如 何 发 挥 作 用 的 。 


18 章 : 


使 用 它们 来 实现 一 些 更 加 真实 的 泻 


作 界 


= 
等 显 


candycat1992/Unity_Shaders_Book )。 
。 补充 了 


染 效果 
新 版 本 Unity 5.2.1《〈 免 费 版 )， 但 本 书 出 版 时 Unity 可 
朋 与 本 书 内 容 有 所 冲突 。 例 如 ， 在 Unity 5 
示人 信息， 但 这 并 不 影响 阅读 


。 需 要 注意 的 是 ， 在 本 书 编 


台 已 
能 会 


发 布 更 新 的 版 本 


写 时 使 有 


Sls 


疑问 的 问题 。 考 虑 到 
FE 了 “农场 游戏 ”这 


9 


网 


， 且 在 


的 新 工具 帧 调试 器 
介绍 了 Unity 5 
的 实现 原理 ， 并 介绍 了 如 何在 Unity 5 中 
的 版 本 为 当时 
， 这 可 


的 最 


能 会 造成 一 些 操 


.3 中 ， 帧 调试 器 的 界面 
， 我 们 在 本 书 的 勘误 


量 延 伸 阅读 资料 。 演 染 领 域 的 博大 精深 绝 不 是 一 本 书 可 以 涵盖 的 ， 


些 章节 的 最 后 ， 提 供 了 “扩展 阅读 ”小 节 ， 让 


中 找到 更 多 的 学 习 内 容 。 


更 加 丰富 ， 包 含 了 材质 
网 址 上 会 更 新 (https://github.com/ 


大 


此 ， 在 本 


里 性 


书 


总 而 言 之 , 我 希望 
这 些 内 容 很 有 趣 。 


本 书 源 代码 


你 可 以 从 这 本 书 


学 到 许多 


那些 希望 更 加 深入 学 习 的 读者 可 以 在 


价值 的 内 容 ， 并 能 够 享 


受 这 个 过 程 


E 提 供 的 资料 


。 相 信 我， 


读者 可 以 在 开源 网 站 github (https://github.com/ candycat1992/Unity_Shaders_Book) 上 下 载 本 


的 是 当时 Unity 的 最 新 版 Unity 5.2.1 (免费 版 ;)， 并 在 Mac 


10.9.5 平台 和 Windows 8 平台 下 验证 了 代码 的 正确 性 。 本 书 源 代码 的 组 织 方 式 大 多 按 资源 类 型 和 


章节 进行 划分 


文 件 夹 


主要 包含 了 以 下 关键 文件 夹 。 


说 明 


包含 了 各 章 对 应 的 场景 ， 
Assets/Scenes/Chapter7 。 
的 场景 名 为 Scene 7 2 3 


Assets/Scenes 


每 个 章节 对 应 一 个 子 文件 来， 例如 第 7 


所 有 场景 所 在 的 子 文 


站 


性 个 场景 的 命名 方式 为 Scene_ 章 号 _ 小 节 号 


个 场景 Scene 7 1 2 a 和 Scene 7 12b 


英文 字母 作为 后 缀 


人 折 夹 为 


3_ 次 小 节 号 ， 例 如 7.2.3 节 对 应 
。 如 果 同 一 个 小 节 包 含 了 多 个 场景 ， 那 么 会 使 
示 ， 例 如 7.1.2 节 包 含 了 两 


家 次 表 


全 
书 


Sh 
例 


了 各 章 实现 的 Unity 


Assets/Shaders 


续 7 更 


er 所 在 的 子 文件 夹 为 Assets/Shaders/Chapter7 。 


由 


Shader 文件 ， 每 个 


个 子 文件 来 ， 侈 


对 应 


如 第 7 章 实 现 的 所 有 Unity 


等 个 Unity Shader 的 命名 方式 为 ChapterX- 
渐变 纹理 的 Unity Shader 名 为 Chapter7-RampTexture 


功能 ， 


今 
合 
ad 
如 
今 
合 


全 
书 


各 章 对 应 的 材质 ， 


Assets/Materials 


乒 妈 3 
百 绥 ， 


例如 使 


Assets/ Scenes/Chapter7。 每 个 材质 的 命名 方式 与 
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每 个 章节 对 应 一 个 子 文 
已 使 


来， 例如 第 7 


的 Unity Shader 名 称 相 
名 为 Chapter7-RampTexture 的 Unity Shader 的 材质 名 称 是 RampTextureMat 


所 有 材质 所 在 的 子 文 
匹配 ， 并 以 Mat 作为 


和 后 


夹 为 


和] 今 
马扎 


Assets /Seripls Assets/Scripts/Chapter5 


各 章 对 应 的 C# 脚 本 ， 每 个 章节 对 应 一 个 子 文件 夹 ， 例 如 第 5 章 所 有 脚本 所 在 的 子 文 


牛 夹 为 


分 


全 


全 
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， 和 坪 


Assets/Textures 含 了 各 齐全 


包 的 纹理 贴 
牛 夹 为 Assets/Textures/Chapter7 


个 章节 对 应 一 个 子 文件 夹 , 例如 第 7 


使 


的 所 有 纹理 所 在 


的 子 广 


除了 上 述 文件 夹 外 ， 源 代码 中 还 包含 了 一 些 辅 
了 一 些 需 要 在 编辑 器 状态 下 运行 的 脚本 ，Assets/Prefabs 文件 夹 下 包含 了 


他 常 
读者 反馈 


j 预 设 模型 等 。 


尽管 我 们 在 本 了 


的 编写 过 程 


助 文 但 


多 次 检查 内 容 的 正确 性 


Ll 


,1 


迎 读者 批评 指正 。 
github.com/candycat1992/Unity_Sh 
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第 1 篇 


基础 篇 


这 是 很 重要 的 一 篇 , 尽管 在 本 篇 中 我 们 没有 进行 真 
正 的 代码 编写 , 但 本 篇 会 为 初学 者 普及 基本 的 理论 
知识 以 及 必要 的 数学 基础 ， 为 读者 顺利 步 入 Unity 
Shader 学 习 打 下 很 好 的 基础 。 

第 1 章 欢迎 来 到 Shader 的 世界 

欢迎 来 到 Shader 的 世界 ! 我 们 曾 不 断 听 到 周围 有 人 
提出 类 似 的 问题 :“Shader 是 什么 ” “我 应 该 看 哪些 
书 才 能 学 好 Shader” “学习 Unity Shader， 我 应 该 从 
哪里 着 手 ”, 我 希望 这 本 书 可 以 告诉 你 这 些 问 题 的 管 
案 。 让 你 离 制 作 心目 中 优秀 游戏 的 心愿 更 近 一 步 。 
第 2 章 演 染 流水 线 

这 一 章 讲解 了 现代 GPU 是 如 何 实现 整个 演 染 流水 
线 的 ， 这 些 内 容 对 于 理解 Shader 的 工作 原理 有 着 
非常 重要 的 作用 。 
第 3 章 Unity Shader 基础 


这 一 章 将 讲解 Unity Shader 的 实现 原理 和 基本 语 
法 ， 同 时 也 将 为 读者 解答 一 些 常见 的 困惑 点 。 

第 4 章 学 习 Shader 所 需 的 数学 基础 

数学 向 来 是 初学 者 面 对 的 一 大 学 习 障 碍 。 然 而 , 在 
初级 阶段 的 演 染 学 习 中 , 我 们 需要 掌握 的 数学 理论 
实际 上 并 不 复杂 。 这 一 章 将 为 读者 讲解 泻 染 过 程 中 
常见 的 数学 知识 。 这 章 内 容 可 以 帮助 读者 理解 
Shader 中 的 数学 运算 , 我 们 在 讲解 过 程 中 以 一 个 具 
体 的 例子 来 阐述 “一头 奶牛 的 鼻子 是 如 何 一 步 步 被 
绘制 到 屏幕 上 的 ”。 


第 1 羡 ”欢迎 来 到 Shader 的 世界 


欢迎 来 到 Shader 的 世界 ! 我 们 曾 不 断 听 到 周围 有 人 提出 类 似 的 问题 :“Shader 是 什么 ”“ 我 应 
该 看 哪些 书 才能 学 好 Shader”“ 学 习 Unity Shader， 我 应 该 从 哪里 着 手 ”。 我 们 希望 这 本 书 可 以 告 
诉 你 这 些 问 题 的 答案 。 如 果 本 书 是 你 学 习 Shader 的 第 一 本 书 ， 我 们 希望 这 本 书 可 以 为 你 打开 一 扇 
新 的 大 门 ， 让 你 离 制作 心目 中 的 优秀 游戏 的 心愿 更 近 一 步 ， 如 果 不 是 ， 我 们 同样 希望 这 本 书 可 以 
让 你 更 深入 地 理解 Shader 的 方方面面 ， 在 学 习 Shader 的 过 程 中 更 上 一 层 楼 。 


四 程序 员 的 三 大 浪漫 


有 人 说 ， 程 序 员 的 三 大 浪漫 是 编译 原理 、 操 作 系 统 和 图 形 学 (是 的 ， 我 已 经 听 到 很 多 人 在 反 
驶 这 人 句 话 了 , 不 要 当真 啦 )。 不 管 你 是 否认 同 这 句 话 ,我们 只 是 想 借 此 说 明 图 形 学 在 程序 员 心 目 
的 地 位 。 正 在 看 此 书 的 你 ， 想 必 多 多 少 少 都 对 图 形 学 或 者 泻 染 有 一 定 兴 趣 ， 也 许 你 想 要 通过 此 书 
来 学 习 如 何 实现 游戏 中 的 各 种 特效 让 也 许 你 仅仅 是 好 奇 那些 绚丽 的 画面 是 如 何 产 生 的 。 我 们 是 程 
序 员 中 的 “外 貌 协会 ”期 待 着 用 代码 编写 出 一 个 绚丽 多 姿 的 世界 。 这 就 是 我 们 的 浪漫 。 

我 想 ， 读 者 大 概 都 经 历 过 这 样 的 场景 ;/ 当 你 在 游戏 里 看 到 那些 出 色 的 画面 时 ， 你 很 好 奇 这 样 
的 游戏 是 如 何 制作 出 来 的 ， 更 共 体 的 是 ” 这 样 的 泻 染 效果 是 如 何 得 到 的 。 于 是 你 搜索 后 发 现 ， 这 
个 游戏 是 Unity 引擎 开发 的 ， 更 巧 的 是 ，Unity 也 是 你 熟知 的 引擎 ! 于 是 你 继续 搜索 ， 想 要 知道 如 
何在 Unity 里 实现 这 样 的 效果 ， 最 后 ， 你 往往 会 得 到 “要 编写 自己 的 Shader” 这 样 的 答案 。 总 算 
有 了 一 些 头绪 ， 你 继续 在 网 络 上 搜索 如 何 学 习 编 写 Shader。 于 是 你 看 到 了 很 多 文章 ， 这 些 文章 告 
外 你 Unity Shader 有 哪些 语法 ， 一 个 普通 的 漫 反射 或 者 边缘 高 光 的 效果 的 代码 是 什么 样子 的 。 然 
后 ， 你 把 这 些 代码 粘贴 到 Unity 中 ， 保 存 后 运行 ， 效 果 出 现 了 ! 一 切 看 起 来 好 像 都 很 顺利 ， 可 是 ， 
当 你 仔细 阅读 这 些 代 码 时 ， 却 往往 没有 头绪 。 你 不 知道 为 什么 要 有 一 个 名 为 vert 和 frag 的 函数 ， 
它们 是 什么 时 候 调 用 的 ， 为 什么 vert 函数 里 要 进行 一 些 抢 阵 运 算 ， 这 些 珑 阵 是 用 来 做 什么 的 ， 为 
什么 当 你 按照 C# 里 面 的 一 些 语法 编写 时 Shader 却 报错 了 。 这 些 疑 问 大 大 影响 了 你 学 习 Shader 的 
信心 ， 你 开始 觉得 这 是 一 个 比 学 习 C# 难 许多 倍 的 事情 ， 怀 疑 自己 是 不 是 还 不 具备 学 习 如 何 编写 
Shader 的 基础 。 

如 果 上 面 的 情景 和 你 的 经 历 有 些 类 似 ， 那 么 相信 我 ， 有 很 多 人 和 你 有 一 样 的 烦恼 。 事 实 上 ， 
我 们 之 所 以 会 觉得 学 习 Shader 比 学 习 C# 这 样 的 编程 语言 更 加 困难 ， 一 个 原因 是 因为 Shader 需要 
牵扯 到 整个 演 染 流程 。 当 学 习 C++、C# 这 样 的 高 级 语言 时 ， 我 们 可 以 在 不 了 解 计算 机 架构 的 情况 
下 仍然 编写 出 实现 各 种 功能 的 代码 ， 这 样 的 高 级 语言 更 符合 人 类 的 思维 方式 。 然 而 ，Shader 并 不 
是 这 样 的。 我 们 之 所 以 要 学 习 Shader， 是 想 要 学 习 如 何 把 物体 按照 自己 的 意愿 泻 染 到 屏幕 上 ， 但 
是 ，Shader 只 是 整个 演 染 流程 中 的 一 个 子 部 分 。 虽 然 它 很 关键 但 想 要 学 习 它 ， 我 们 就 需要 了 解 
整个 演 染 流程 是 如 何 进 行 的 。 和 C++ 这 样 的 高 级 语言 不 同 ， 尽管 Shader 的 编写 语言 已 经 达到 了 我 
们 可 以 理解 的 程度 ， 但 Shader 更 多 地 是 面向 GPU 的 工作 方式 ， 所 以 它 的 一 些 语法 对 我 们 来 说 并 
不 那么 直观 。 因 此 ， 任 何 一 篇 只 讲 语法 、 不 讲演 染 框架 的 文章 都 无 法 解决 读者 的 困惑 。 


i 


我 们 希望 通过 本 书 可 以 帮助 读者 建立 一 个 泻 染 流程 的 整体 体系 ,这 些 基 础 是 跨越 Shader 学 习 中 层 
层 障 碍 的 重要 因素 。 我 们 也 相信 ， 在 学 习 完 本 书后 ， 读 者 可 以 自行 回答 本 章 开头 提出 的 那些 问题 。 


本 书 结构 
我 们 


在 编写 本 书 时 尽量 考虑 到 没有 泻 染 基础 的 读者 们 。 因 此 ， 我 们 把 整 书 分 成 了 五 大 篇 。 
e 基础 入 
这 是 很 重要 的 一 篇 ， 尽 管 在 本 篇 中 我 们 没有 进行 真正 的 代码 编写 ， 但 基础 篇 会 为 初学 者 普及 
基本 的 理论 知识 以 及 必要 的 数学 基础 。 基 础 篇 包括 了 以 下 3 个 章节 。 
第 2 章 泻 染 流水 线 ”这 一 章 讲解 了 现代 GPU 是 如 何 实现 整个 泻 染 流水 线 的 ,这些 内 容 对 于 
里 解 Shader 的 工作 原理 有 着 非常 重要 的 作用 。 
第 3 章 Unity Shader 基础 ”Unity 在 原 有 的 泻 染 流程 上 进行 了 封装 , 并 提供 给 开发 者 新 的 图 
像 编 程 接口 一 一 Unity Shader。 这 一 章 将 讲解 Unity Shader 的 实现 原理 和 基本 语法 ， 同 时 也 将 为 读 
者 解答 一 些 常见 的 困惑 点 。 
第 4 章 学 习 Shader 所 需 的 数学 基础 ”数学 向 来 是 初学 者 面 对 的 一 大 学 习 障碍 。 然 而 ， 在 
初级 阶段 的 泻 染 学 习 中 ， 我 们 需要 掌握 的 数学 理论 实际 并 不 复杂 。 本 章 将 为 读者 讲解 演 染 过 程 ! 
常见 的 数学 知识 ， 如 矢量 、 和 矩阵 运算 、 坐 标 空 间 等 。 本 章 内 容 可 以 大 大 帮助 读者 理解 Shader 中 的 
数学 运算 。 为 了 帮助 读者 加 深 理 解 ， 我 们 在 讲解 过 程 中 以 一 个 具体 的 例子 来 阐述“ 一 头 奶牛 的 鼻 
子 是 如 何 一 步 步 被 绘制 到 屏幕 上 的 ”。 
。 初级 篇 
在 学 习 完 基础 篇 后 ， 我 们 就 正式 开始 了 Unity Shader 的 学 习 之 旅 。 初 级 篇 将 会 从 最 简单 的 
Shader 开始 ， 讲 解 Shader 中 基础 的 光照 模型 、 纹 理 和 透明 效果 等 初级 演 染 效果 。 需 要 注意 的 是 ， 
我 们 在 初级 篇 中 实现 的 Unity Shader 大 多 不 能 直接 用 于 真实 项 目 中 ， 因 为 它们 缺少 了 完整 的 光照 
计算 ， 例 如 阴影 、 光 照 衰减 等 ， 仅 仅 是 为 了 阐述 一 些 实现 原理 。 在 第 9 章 最 后 ， 我 们 会 给 出 包括 
了 完整 光照 计算 的 Unity Shader。 初 级 篇 包含 了 以 下 4 个 章节 。 
第 5 章 开始 Unity Shader 学 习 之 旅 ”本章 将 实现 一 个 简单 的 顶点 / 片 元 着 色 器 ,并 详细 解释 
其 中 每 个 步骤 的 原理 , 这 需要 读者 对 之 前 基础 篇 的 内 容 有 所 理解 。 本 章 还 会 给 出 关于 Unity Shader 
的 一 些 常用 的 辅助 技巧 ， 例 如 如 何 调试 、 查 看 内 置 代码 以 及 编写 规范 等 。 
第 6 章 Unity 中 的 基础 光照 ”本 章 将 学 习 如 何在 Shader 中 实现 基本 的 光照 模型 ， 如 漫 反射 、 
高 光 反 射 等 。 我 们 首先 解释 如 何 从 无 到 有 实现 一 个 光照 模型 ， 最 后 给 出 使 用 Unity 提供 的 内 置 函数 
来 实现 的 版 本 。 
第 7 章 基础 纹理 ”纹理 的 使 用 给 泻 染 的 世界 带 来 了 更 多 的 变化 。 这 一 章 将 会 讲述 如 何在 
Unity Shader 中 使 用 法 线 纹理 、 有 遮 置 纹理 等 基础 纹理 。 
第 8 章 透明 效果 透明 是 游戏 中 常用 的 谊 染 效果 。 这 
给 出 了 和 Unity 的 演 染 顺序 相关 的 重要 内 容 。 在 了 解 了 这 些 
透明 度 测试 和 透明 度 混 合 等 透明 效果 。 
。 中 级 篇 
级 篇 是 本 书 的 进 阶 篇 章 ， 主 要 讲解 Unity 中 的 泻 染 路 径 、 如 何 计算 光照 衰减 和 阴影 、 如 何 
使 用 高 级 纹理 和 动画 等 一 系列 进 阶 内 容 。 中 级 篇 包含 了 以 下 3 个 章节 。 
第 9 章 更 复杂 的 光照 ”我 们 在 初级 篇 中 实现 的 光照 模型 没有 考虑 一 些 重要 的 光照 计算 ， 如 
阴影 和 光照 衰减 。 本 章 首先 讲解 Unity 中 的 3 种 泻 染 路 径 和 3 种 重要 的 光源 类 型 ， 再 解释 如 何在 
前 向 泻 染 路 径 中 实现 包含 了 光照 衰减 、 阴 影 等 效果 的 完整 的 光照 计算 。 在 本 章 最 后 ， 我 们 会 给 出 


章 首 先 介绍 了 演 染 的 实现 原理 ， 并 
内 容 的 基础 上 ， 我 们 将 学 习 如 何 实现 


基于 之 前 学 习 内 容 实 现 的 包含 了 完整 光照 计算 的 Unity Shader。 
第 10 章 高 级 纹理 ”这 一 章 将 会 讲解 如 何在 Unity Shader 中 使 用 立方 体 纹理 、 演 染 纹理 和 程 
序 纹理 等 高 级 纹理 。 
第 1L 章 让 画面 动 起 来 ”静态 的 画面 往往 是 无 趣 的 。 这 一 章 将 帮助 读者 学 习 如 何在 Shader : 
使 用 时 间 变 量 来 实现 纹理 动画 、 顶 点 动画 等 动态 效果 。 
。 高 级 篇 
高 级 篇 涵盖 了 一 些 Shader 的 高 级 用 法 ， 例 如 如 何 实现 屏幕 特效 、 利 用 法 线 和 深度 缓冲 以 及 非 
真实 感 泻 染 等 ， 同 时 ， 我 们 还 会 介绍 一 些 针对 移动 平台 的 优化 技巧 。 高 级 篇 的 结构 如 下 。 
第 12 章 屏幕 后 处 理 效果 “屏幕 特效 是 游戏 中 常用 的 泻 染 手法 之 一 。 这 一 章 将 介绍 如 何在 
Unity 中 实现 一 个 基本 的 屏幕 后 处 理 脚本 系统 ， 并 给 出 一 些 基本 的 屏幕 特效 的 实现 原理 ， 如 高 斯 
模糊 、 边 缘 检测 等 。 
第 13 章 ”使 用 深度 和 法 线 纹理 ”使 用 深度 和 法 线 纹理 可 以 帮助 我 们 实现 很 多 屏幕 特效 。 本 章 
将 介绍 如 何在 Unity 中 获取 这 些 特殊 的 纹理 来 实现 屏幕 特效 。 
第 14 章 非 真实 感 泻 染 ”很 多 游戏 使 用 了 非 真 实感 泻 染 的 方法 来 泻 染 游戏 画面 。 这 一 章 将 会 
给 出 常见 的 非 真 实感 泻 染 的 算法 ， 如 卡通 泻 染 、 素 描 风 格 的 泻 染 等 。 本 章 的 扩展 阅读 部 分 可 以 帮 
助 读者 找到 更 多 其 他 类 型 的 非 真 实感 泻 染 的 实现 方法 。 
第 15 章 使 用 噪声 ”很 多 时 候 噪 声 是 我 们 的 救星 。 本 章 给 出 了 噪声 在 游戏 泻 染 中 的 一 些 应 用 。 
第 16 章 Unity 中 的 泻 染 优化 技术 ”优化 往往 是 游戏 演 染 中 的 重点 。 这 一 章 介 绍 了 Unity 中 
针对 移动 平台 使 用 的 常见 的 优化 技巧 。 
。 扩展 篇 
扩展 篇 则 在 进一步 扩展 读者 的 视野 六 本 篇 将 会 介绍 Unity 的 表面 着 色 器 的 实现 机 制 ， 并 介绍 
基于 物理 的 泻 染 的 相关 内 容 。 最 后 站 我 们 给 出 了 更 多 的 关于 学 习 演 染 的 资料 。 扩 展 篇 包含 了 以 下 
4 个 章节 。 
第 17 章 ”Unity 的 表面 着 色 器 探秘 ”Unity 提出 了 一 种 新 颖 的 Shader 形式 一 一 表面 着 色 器 。 
本 章 将 会 介绍 这 些 表面 着 色 器 是 如 何 实现 的 ， 以 及 如 何 使 用 这 些 表面 着 色 器 来 实现 泻 染 。 
第 18 章 基于 物理 的 泻 染 ”Unity 5 终于 引入 了 基于 物理 的 泻 染 ， 这 给 Unity 引擎 带 来 了 更 
强 的 泻 染 能 力 。 这 一 章 将 介绍 基于 物理 泻 染 的 理论 基础 ， 并 解释 Unity 是 如 何 实现 基于 物理 的 泻 
染 的 。 我 们 还 会 在 本 章 实现 一 个 基本 的 场景 来 进一步 前 述 如 何在 Unity 5 中 利用 基于 物理 的 演 染 。 
第 19 章 Unity 5 更 新 了 什么 “ 相 较 于 Unity 4.x，Unity 5 在 Shader 方面 有 很 多 重要 的 更 新 。 
本 章 将 给 出 Unity 5 中 一 些 重 要 的 更 新 ， 以 帮助 读者 解决 在 升级 Unity 5 时 所 面 对 的 各 种 问题 。 
第 20 章 还 有 更 多 内 容 吗 ”图形 学 的 丰富 多 彩 远 远 超 乎 我 们 的 想象 , 我们 相信 一 本 书 也 远 远 
无 法 满足 一 些 读 者 强烈 的 求知 欲 。 在 最 后 一 章 中 ， 我 们 将 给 出 许多 非常 有 价值 的 学 习 资 料 ， 以 帮 
助 读者 进行 更 深入 的 学 习 。 
那么 ， 你 准备 好 了 吗 ? 和 我 们 一 起 进入 Shader 的 世界 吧 ! 
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泻 染 流水 线 的 最 终 目的 在 于 生成 或 者 说 是 演 染 一 张 二 维 纹理 ， 即 我 们 在 电脑 屏幕 上 看 到 的 所 
像 机 、 一 些 光 源 、 一 些 Shader 以 及 纹理 和 
览 ， 同 时 会 尽量 避免 数学 上 的 计算 ， 而 仅仅 提供 一 些 全 
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在 开始 一 切 学 习 之 前 ， 我 们 有 必要 了 解 什么 是 Shader， 即 着 色 器 。 与 之 关系 非常 
演 染 流水 线 。 可 以 说 ， 如 果 你 没有 了 解 过 演 染 流水 线 的 工作 流程 ， 就 永远 无 法 说 EE 


演 染 流水 线 


述 。 本 书 给 


上 的 流水 线 不 仅 适 用 了 
要 和 有 价值 的 。 


演 了 怎样 的 角色 。 而 本 节 会 
1.1 什么 是 流水 线 


我 们 先 来 看 一 下 真实 生 ; 
我 们 来 举 一 个 例子 。 假 设 ， 
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的 躯干 ; 第 2 步 ， 颖 上 眼睛 和 嘴巴 ; 第 
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在 每 个 洋娃娃 完成 了 所 有 这 4 个 了 
如 果 说 每 个 步骤 需要 的 时 间 是 1 小 时 的 话 ， 那 么 每 4 个 小 时 才能 生产 一 个 洋娃娃 。 
了 效 的 方法 ， 即 使 用 流水 线 。 老 王 把 流水 线 引 
洋娃娃 仍然 需要 4 个 步骤 ， 但 不 需要 从 头 至 


门 发 现 了 一 个 更 加 
生 了 很 大 的 变化 。 


是 每 个 步骤 由 专人 来 完成 ， 所 


Shader， 我 们 首先 要 了 解 Shader 是 怎么 工作 的 。 实 际 上 ，Shader 仅仅 是 泻 染 
] 就 需要 知道 它 在 泻 染 流水 线 


的 流水 线 是 什么 。 在 工业 上 ， 流 水 线 被 广泛 应 用 寿 
老 王 有 一 个 生产 洋娃娃 的 工厂 ， 一 个 注 
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Unity 平台 ， 如 果 读 者 想 要 深入 了 解 并 学 习 着 1 


娃娃 的 生产 流程 可 以 分 为 
3 步 ， 添 加 头发 ， 第 4 步 ， 


[ 序 后 才能 用 


| 入 工厂 之 后 ， 工 三 


了 步骤 并 行进 行 。 也 就 是 说 ， 当 工序 1 完成 了 


把 其 交 给 工序 2 时 ， 了 
使 用 流水 线 的 好 处 在 


可 以 发 现 ， 流 水 线 系统 中 过 


[ 序 1 又 开始 进行 下 一 个 洋娃娃 的 制作 了 。 


E 于 可 以 提高 单位 时 间 的 生产 量 。 在 洋娃娃 的 
后 每 1 个 小 时 就 可 以 生产 一 个 洋娃娃 。 图 2.1 显示 了 使 用 流水 线 前 后 4 


[ 序 需 要 的 是 两 个 小 时 ， 其 他 工序 仍然 需要 1 个 小 时 的 i 
娃 。 即 工序 2 是 性 能 的 瓶颈 (bottleneck )。 
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定 最 后 生产 速度 的 是 最 慢 的 工序 所 需 的 时 hi 
那么 平均 每 两 个 小 时 才 


如 果 把 一 个 非 流 水 线 系统 分 成 n 个 流水 线 阶段 , 旦 每 个 阶段 耗费 时 间 相同 的 话 ， 
音 的 速度 提升 。 
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4 图 2.1 真实 生活 中 的 流水 线 


2.1.2 什么 是 泻 染 流水 线 

上 面 的 关于 流水 线 的 概念 同样 适用 于 计算 机 的 图 像 渲染 中 。 演 染 流 水 线 的 工作 任务 在 于 由 一 
个 三 维 场景 出 发 、 生 成 (或 者 说 演 染 ) 一 张 二 维 图 像 。 换 句 话 说 ， 计 算 机 需要 从 一 系列 的 顶点 数 
据 、 纹 理 等 信息 出 发 , 把 这 些 信息 最 终 转 换 成 一 张 人 眼 可 以 看 到 的 图 像 。 而 这 个 工作 通常 是 由 CPU 
和 GPU 共同 完成 的 。 

《Render-Time Rendering，Third Edition》 冲 一 书 中 将 一 个 演 染 流程 分 成 3 个 阶段 :应 用 阶段 
(Application Stage)、 几 何 阶 段 (Geometry Stage)、 光 栅 化 阶段 (Rasterizer Stage)。 
注意 ， 这 里 仅仅 是 概念 性 阶段 ， 每 个 阶段 本 身 通常 也 是 一 个 流水 线 系统 ， 即 包含 了 子 流水 线 
阶段 。 图 2.2 显示 了 3 个 概念 阶段 之 间 的 联系 。 


应 用 阶段 | 几何 阶段 - sa | 


A 图 2.2 ” 泻 染 流水 线 中 


。 应 用 阶段 

从 名 字 我 们 可 以 看 出 ， 这 个 阶段 是 由 我 们 的 应 用 主导 的 ， 因 此 通常 由 CPU 负责 实现 。 换 句 话 
说 ， 我 们 这 些 开 发 者 具有 这 个 阶段 的 绝对 控制 权 。 
在 这 一 阶段 中 ， 开 发 者 有 3 个 主要 任务 : 首先 ， 我 们 需要 准备 好 场景 数据 ， 例 如 摄像 机 的 位 
置 、 视 锥 体 、 场 景 中 包含 了 哪些 模型 、 使 用 了 哪些 光源 等 等 ， 其 次 ， 为 了 提高 泻 染 性 能 ， 我 们 往 
往 需 要 做 一 个 粗 粒 度 剔 除 (culling) 工作 ， 以 把 那些 不 可 见 的 物体 剔除 出 去 ， 这 样 就 不 需要 再 移 
交 给 几何 阶段 进行 处 理 ， 最 后 ， 我 们 需要 设置 好 每 个 模型 的 泻 染 状态 。 这 些 泻 染 状态 包括 但 不 限 
于 它 使 用 的 材质 〈 漫 反射 颜色 、 高 光 反 射 颜 色 )、 使 用 的 纹理 、 使 用 的 Shader 等 。 这 一 阶段 最 习 
要 的 输出 是 演 染 所 需 的 几何 信息 ， 即 泻 染 图 元 (rendering primitives )。 通 俗 来 讲 ， 演 染 图 元 可 以 
是 点 、 线 、 三 角 面 等 。 这 些 泻 染 图 元 将 会 被 传递 给 下 一 个 阶段 一 一 几何 阶段 。 

由 于 是 由 开发 者 主导 这 一 阶段 ， 因 此 应 用 阶段 的 流水 线 化 是 由 开发 者 决定 的 。 这 不 在 本 书 的 
范畴 内 ， 有 兴趣 的 读者 可 以 参考 本 章 的 扩展 阅读 部 分 。 


TEN 


。 几何 阶段 


怎样 绘制 它们 ， 在 哪里 绘制 它们 。 这 一 阶段 通常 在 


L 何 阶段 用 于 处 理 所 有 和 我 们 要 绘制 的 几何 相关 的 事情 。 例 如 , 决定 需要 绘制 的 图 元 是 什么 ， 


GPU 上 进行 。 


L 何 阶段 负责 和 每 个 演 染 图 元 打交道 ， 进 行 逐 顶点 、 逐 多 边 形 的 操作 。 这 个 阶段 可 以 进一步 


分 成 更 小 的 流水 线 阶段 ， 这 在 下 一 章 中 会 讲 到 。 几 何 阶段 的 一 个 重要 任务 就 是 把 顶点 坐标 变换 到 


屏幕 空间 中 ， 再 交 给 光栅 器 进行 处 理 。 通 过 对 输入 


的 泻 染 图 元 进行 多 步 处 理 后 ， 这 一 阶段 将 会 输 


出 屏幕 空间 的 二 维 顶点 坐标 、 每 个 顶点 对 应 的 深度 值 、 着 色 等 相关 信息 ， 并 传递 给 下 一 个 阶段 。 


。 光栅 化 阶段 


这 一 阶段 将 会 使 用 上 个 阶段 传递 的 数据 来 产生 屏幕 上 的 像素 ， 并 演 染 出 最 终 的 图 像 。 这 一 阶 


段 也 是 在 GPU 上 运行 。 光 栅 化 的 任务 主要 是 决定 每 个 演 染 图 元 中 的 哪些 像素 应 该 被 绘制 在 屏幕 
上 。 它 需要 对 上 一 个 阶段 得 到 的 逐 顶 点 数据 《例如 纹理 坐标 、 顶 点 颜色 等 ) 进行 插值 ， 然 后 再 进 


行 逐 像 素 处 理 。 


和 上 一 个 阶段 类 似 ， 光 栅 化 阶段 也 可 以 分 成 更 小 的 流水 线 阶 段 。 


稳 提 示 ， 这 里 的 流水 线 均 是 概念 流水 线 ， 是 我 们 


; 出 来 的 。 下 面 要 介绍 的 GPU 流水 线 ， 则 是 硬件 真正 用 于 实现 上 述 概念 的 流水 线 。 


2.2 | CPU 和 GPU 之 间 的 通信 


演 染 流水 线 的 起 点 是 CPU， 即 应 用 阶段 。 应 / 
(1) 把 数据 加 载 到 显存 中 。 
(2) 设置 泻 染 状态 。 


j 阶 段 大 致 可 分 为 下 面 3 个 阶段 : 


(3) 调用 Draw Call 〈 在 本 章 的 最 后 我 们 还 会 继续 讨论 它 )。 


2.2.1 把 数据 加 载 到 显存 中 
所 有 演 染 所 需 的 数据 都 需要 从 硬盘 (Hard Dis 


k Drive，HDD ) 中 加 载 到 系统 内 存 (Random 


Access Memory,RAM) 中 。 然 后 , 网 格 和 纹理 等 数据 


又 被 加 载 到 显卡 上 的 存储 空间 一 一 显存 (Video 


Random Access Memory，VRAM) 中 。 这 是 因为 ， 


显卡 对 于 显存 的 访问 速度 更 快 ， 而 且 大 多 数 显 


卡 对 于 RAM 没有 直接 的 访问 权利 。 图 2.3 所 示 给 吕 


Ea 


Hh 了 这 样 一 个 例子 。 


4 图 2.3” 泻 染 所 需 的 数据 ( 两 张 纹理 以 及 3 个 网 格 ) 从 硬盘 最 终 加 载 到 显存 中 。 
在 泻 染 时 ，GPU 可 以 快速 访问 这 些 数据 


需要 注意 的 是 ， 真 实 泻 染 中 需要 加 载 到 显存 中 的 数据 往往 比 图 1.3 所 示 复 杂 许 多 。 例 如 ， 顶 
点 的 位 置信 息 、 法 线 方向 、 顶 点 颜色 、 纹 理 坐 标 等 。 

当 把 数据 加 载 到 显存 中 后 ，RAM 中 的 数据 就 可 以 移 除 了 。 但 对 于 一 些 数据 来 说 ，CPU 仍然 
需要 访问 它们 《〈 例 如， 我 们 希望 CPU 可 以 访问 网 格 数据 来 进行 碰撞 检测 )， 那 么 我 们 可 能 就 不 希 
望 这 些 数 据 被 移 除 ， 因 为 从 硬盘 加 载 到 RAM 的 过 程 是 十 分 耗 时 的 。 

在 这 之 后 ， 开 发 者 还 需要 通过 CPU 来 设置 泻 染 状态 ， 从 而 “指导 ”GPU 如 何 进行 泻 染 工作 。 


2.2.2 设置 泻 染 状 态 


什么 是 演 染 状态 呢 ? 一 个 通俗 的 解释 就 是 ， 这 些 状态 定义 了 场景 中 的 网 格 是 怎样 被 泻 染 的 。 
例如 ， 使 用 哪个 顶点 着 色 器 (Vertex Shader) / 片 元 着 色 器 〈Fragment Shader)、 光 源 属性 、 材 质 等 。 
如 果 我 们 没有 更 改 演 染 状态 ， 那 么 所 有 的 网 格 都 将 使 用 同一 种 泻 染 状 态 。 图 2.4 显示 了 当 使 用 同 
一 种 演 染 状态 时 ， 泻 染 3 个 不 同 网 格 的 结果 。 


使 用 这 张 纹理 
使 用 这 个 片 元 着 色 露 


使 用 这 个 顶点 着 色 器 已 


4 图 2.4 ”在 同一 状态 下 泻 染 3 个 网 格 。 没有 更 改 泻 染 状态 ， 


中 


此 3 个 网 格 的 外 观看 起 来 像 是 同一 种 材质 的 物体 


在 准备 好 上 述 所 有 工作 后 ，CPU 就 需要 调用 一 个 泻 染 命令 来 告诉 GPU:“ 嘿 ! 老兄 ， 我 都 帮 
你 把 数据 准备 好 啦 ， 你 可 以 按照 我 的 设置 来 开始 演 染 啦 !” 而 这 个 泻 染 命令 就 是 Draw Call。 


2.2.3 调用 Draw Call 


相信 接触 过 泻 染 优化 的 读者 应 该 都 听 说 过 Draw Call。 实 际 上 ，Draw Call 就 是 一 个 命令 ， 它 
的 发 起 方 是 CPU, 接收 方 是 GPU。 这 个 命令 仅仅 会 指向 一 个 需要 被 泻 染 的 图 元 (primitives ) 列表 ， 
而 不 会 再 包含 任何 材质 信息 一 一 这 是 因为 我 们 已 经 在 上 一 个 阶段 中 完成 了 ! 图 2.5 形象 化 地 阐释 
了 这 个 过 程 。 

当 给 定 了 一 个 Draw Call 时 ，GPU 就 会 根据 演 染 状态 (例如 材质 、 纹 理 、 着 色 器 等 ) 和 所 有 
输入 的 顶点 数据 来 进行 计算 ， 最 终 输 出 成 屏幕 上 显示 的 那些 漂亮 的 像素 。 而 这 个 计算 过 程 ， 就 是 
我 们 下 一 节 要 讲 的 GPU 流水 线 。 


Draw Call 来 告诉 GPU 开始 进行 一 个 演 染 ; 


| 会 指向 本 次 调 


需要 演 染 的 图 元 列 于 


当 GPU 从 CPU 那里 得 到 泻 


2.3.1 概述 


染 命令 后 , 就 会 进行 


令 GPU 进行 演 染 。GPU 演 染 的 过 程 就 是 GPU 流水 线 。 


对 于 概念 阶段 的 后 两 个 阶段 ， 即 几何 阶段 和 光栅 化 阶段 ， 开 发 者 无 法 拥有 绝对 的 控 和 


系列 流水 线 操作 ,最终 


过 程 。 


巴 图 元 泻 染 到 屏幕 上 。 


在 上 一 节 中 ,我 们 解释 了 在 应 用 阶段 ，CPU 是 如 何 和 GPU 通信 ， 并 通过 调用 Draw Call 来 命 


捉 权 ， 其 


实现 的 载体 是 GPU。GPU 通过 实现 流水 线 化 , 大 大 加 快 了 泻 染 速度 。 虽 然 我 们 无 法 完全 控制 这 两 
我 们 将 具体 了 解 GPU 是 


个 阶段 的 实现 细节 ， 但 GPU 向 玫 


如 何 实现 这 两 个 概念 阶段 的 。 


配置 性 或 可 编程 性 。 


几何 阶段 和 光栅 化 阶段 可 以 分 成 若 
个 阶段 GPU 提供 了 不 同 的 可 配置 性 或 可 编程 


Te 


生 。 图 


F 发 者 开放 了 很 多 控制 权 。 在 这 一 节 中 ， 


F 更 小 的 流水 线 阶 段 , 这 些 流 水 线 阶 段 由 GPU 来 实现 , 每 


2.6 中 展示 了 不 同 的 流水 线 阶 段 以 及 它们 的 可 


几何 阶段 


光栅 化 阶段 


4 图 2.6 ”GPU 的 泻 染 流水 线 实 现 。 颜色 表示 了 不 同 阶 段 的 可 配 


性 或 可 编程 性 绿色 表示 


的 ， 色 表 示 该 流水 线 阶段 可 


从 图 中 可 以 看 出 ，GPU 的 演 染 流水 线 接收 顶点 数据 作为 输入 。 这 些 


以 配置 但 不 是 可 编程 的 ， 蓝 1 
权 。 实 线 表示 该 Shader 必须 


色 芭 示 该 流水 线 阶段 是 GPU 臣 
发 者 编程 实现 ， 虚 线 表示 该 Shader 是 可 选 的 


该 流水 线 阶段 是 完全 可 编程 控制 


定 实现 的 , 开发 者 没 


任何 控制 


顶点 数据 是 由 应 | 


载 到 显存 中 ， 再 由 Draw Call 指定 的 。 这 些 数据 随后 被 传递 给 顶点 着 色 器 。 
顶点 着 色 器 (Vertex Shader ) 是 完全 可 编程 的 ， 


阶段 加 


它 通 常用 于 实现 顶点 的 空间 变换 、 顶 点 着 色 


等 功能 。 曲 面 细 分 着 色 器 (Tessellation Shader) 是 一 个 可 选 的 着 色 器 ， 它 用 于 细 分 图 元 。 几 何 着 
色 器 (Geometry Shader) 同样 是 一 个 可 选 的 着 色 器 ， 它 可 以 被 用 于 执行 逐 图 元 (Per-Primitive ) 
的 着 色 操 作 ， 或 者 被 用 于 产生 更 多 的 图 元 。 下 一 个 流水 线 阶段 是 裁剪 (Clipping)， 这 一 阶段 的 目 
的 是 将 那些 不 在 摄像 机 视野 内 的 顶点 裁剪 掉 ， 并 剔除 某 些 三 角 图 元 的 面 片 。 这 个 阶段 是 可 配置 的 。 
例如 ， 我 们 可 以 使 用 自 定 义 的 裁剪 平面 来 配置 裁剪 区 域 ， 也 可 以 通过 指令 控制 裁剪 三 角 图 元 的 正 
而 还 是 背面 。 几 何 概念 阶段 的 最 后 一 个 流水 线 阶 段 是 屏幕 映射 (Screen Mapping)。 这 一 阶段 是 不 
可 配置 和 编程 的 ， 它 负责 把 每 个 图 元 的 坐标 转换 到 屏幕 坐标 系 中 。 

光栅 化 概念 阶段 中 的 三 角形 设置 (Triangle Setup) 和 三 角形 遍历 〈Triangle Traversal) 阶段 
也 都 是 固定 函数 〈Fixed-Function) 的 阶段 。 接 下 来 的 片 元 着 色 器 〈Fragment Shader)， 则 是 完全 
可 编程 的 ， 它 用 于 实现 逐 片 元 (Per-Fragment) 的 着 色 操 作 。 最 后 ， 逐 片 元 操作 (Per-Fragment 
Operations) 阶段 负责 执行 很 多 重要 的 操作 ， 例 如 修改 颜色 、 深 度 缓冲 、 进 行 混合 等 ， 它 不 是 可 
编程 的 ， 但 具有 很 高 的 可 配置 性 。 

接 下 来 ， 我 们 会 对 其 中 主要 的 流水 线 阶段 进行 更 加 详细 的 解释 。 


2.3.2 ”项 点 着 色 器 


顶点 着 色 器 〈Vertex Shader ) 是 流水 线 的 第 一 个 阶段 ， 它 的 输入 来 自 于 CPU。 顶 点 着 色 器 的 
处 理 单位 是 顶点 ， 也 就 是 说 ， 输 入 进来 的 每 个 顶点 都 会 调用 一 次 顶点 着 色 器 。 顶 点 着 色 器 本 身 不 
可 以 创建 或 者 销毁 任何 顶点 ， 而 且 无 法 得 到 顶点 与 顶点 之 间 的 关系 。 例 如 ， 我 们 无 法 得 知 两 个 顶 
点 是 否 属于 同一 个 三 角 网 格 。 但 正 是 因为 这 样 的 相互 独立 性 ，GPU 可 以 利用 本 身 的 特性 并 行 化 处 
里 每 一 个 顶点 ， 这 意味 着 这 六 阶段 的 处 理 速 度 会 很 快 。 


顶点 着 色 器 需要 完成 的 工作 主要 有 :坐标 变换 和 逐 顶 点 光照 。 当 然 , 除了 这 两 个 主要 任务 外 ， 
顶点 着 色 器 还 可 以 输出 后 续 阶 段 所 需 的 数据 。 图 2.7 展示 了 在 顶点 着 色 器 中 对 顶点 位 置 进行 坐标 
变换 并 计算 顶点 颜色 的 过 程 。 
大 \ 浊 ® 
/ 让 二 =@ @ 
/ \ i 
& \ 2 2 ® 
SS ~~-® 0 
4 图 2.7 ”GPU 在 每 个 输入 的 网 格 项 点 上 都 会 调用 顶点 着 色 器 。 顶点 着 色 器 必须 进行 项 点 的 坐标 变换 , 需要 时 还 可 以 计算 和 
输出 项 点 的 颜色 。 例 如 ， 我 们 可 能 需要 进行 逐 项 点 的 光照 


@ 
[之 


标 变换 。 顾 名 思 义 ， 就 是 对 顶点 的 坐标 《〈 即 位置 ) 进行 某 种 变换 。 顶 点 着 色 器 可 以 在 这 
一 步 中 改变 顶点 的 位 置 ， 这 在 顶点 动画 中 是 非常 有 用 的 。 例如, 我 们 可 以 通过 改变 顶点 位 
置 来 模拟 水 面 、 布料 等 。 但 需要 注意 的 是 , 无 论 我 们 在 顶点 着 色 器 中 怎样 改变 顶点 的 位 置 ， 
一 个 最 基本 的 顶点 着 色 器 必须 完成 的 一 个 工作 是 ， 把 顶点 坐标 从 模型 空间 转换 到 齐 次 裁剪 
空间 。 想 想 看 ， 我 们 在 顶点 着 色 器 中 是 不 是 会 看 到 类 似 下 面 的 代码 ; 


| .pos = mul (UNITY MVP, Vv.position); 


类 似 上 面 这 名 代码 的 功能 ， 就 是 把 顶点 坐标 转换 到 齐 次 裁剪 坐标 系 下 ， 接 着 通常 再 由 硬件 做 
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透视 除法 后 ， 最 终 得 到 归 一 化 的 设备 坐标 (Normalized Device Coordinates ，NDC)。 上 有 具体 数学 上 


的 实现 


节 我 们 会 在 第 4 章 中 


需要 注意 的 是 ， 


ml 


范 


方式 。 最 常见 的 输出 路 径 是 经 光栅 化 后 交 给 片 元 着 色 器 进行 处 理 。 而 在 现 


它 还 可 以 把 数据 发 送 给 曲面 细 分 着 色 器 或 几何 着 色 器 ， 感 兴趣 的 读者 可 以 自行 了 解 。 


2.3.3 裁剪 


由 于 我 们 的 场景 可 能 会 很 大 ， 而 摄像 机 的 视野 范围 
很 自然 的 想法 就 是 ， 那 些 不 在 摄像 机 视野 范围 上 
目的 而 被 提出 来 的 。 

一 个 图 元 和 摄像 机 视野 的 关系 
在 视野 内 的 图 元 就 继续 传递 给 下 一 个 流水 线 阶 段 ， 完 全 在 视野 外 的 


了 完成 这 个 


到 。 图 


2.8 展示 了 这 样 的 一 个 转换 过 程 。 


转换 到 齐 次 裁剪 坐标 系 下 


CO 一 


位 置 : (5, 10, 8) 


2.8 顶点 


色 器 会 将 模型 顶点 的 位 


位 置 : (0.6, 0.4, -0.2) 


(1,-1,-1) 


进行 输出 后 


硬 人 


图 2.8 给 出 的 坐标 范围 是 Open 


由 在 [一 1, 1] 之 间 ， 而 在 DirectX 中 ，NDC 的 > 


人 到 三 一 


分 星 泄 


3 种 : 


它们 不 需要 被 泻 染 。 


而 那些 部 分 在 视野 内 的 图 元 需要 进行 一 个 处 理 ， 这 就 是 裁剪。 
段 的 一 个 顶点 在 视野 内 ， 而 另 一 个 顶点 不 在 视野 内 ， 导 


完全 


变换 到 齐 次 裁剪 4 
做 透视 除法 得 到 NDC 下 的 坐标 


GL 同时 也 是 Unity 使 用 的 NDC， 它 的 z 分量 


* 标 空间 卜 ， 


围 是 [0, 1]。 顶 点 着 色 器 可 以 有 不 同 的 输出 


代 的 Shader Model 中 ， 


很 有 可 能 不 会 覆盖 所 有 的 场景 物体 ， 一 个 


的 物体 不 需要 被 处 理 。 


在 视野 内 、 部 分 在 视野 内 、 完 全 在 视 


点 来 代替 ， 这 个 新 的 顶点 位 于 这 条 线段 和 视野 边界 的 交点 处 。 


由 于 我 们 已 知 在 NDC 下 的 顶点 位 置 ， 即 顶点 位 置 在 一 个 立方 体内 ， 因 此 裁剪 就 变 得 很 简 和 


吕 


只 需要 将 图 元 裁剪 到 单位 立方 体内 。 氏 


区 


2.9 展示 了 这 样 的 一 个 过 程 。 


而 裁剪 (Clipping) 就 是 为 


野外 。 完 全 


图 元 不 会 继续 向 下 传递 ， 因 为 
例如 ， 一 条 线 
Bb 么 在 视野 外 部 的 顶点 应 该 使 用 一 个 新 的 顶 


过 


单位 立方 体 的 图 元 才 需要 被 继续 处 理 


此 ， 完 


各 


到 2.9 
全 在 单位 立方 体内 部 的 区 


元 ( 绿色 


色 器 不 同 ， 这 
乍 ， 但 我 们 可 以 有 


2.3.4 屏幕 映射 


这 一 步 输入 的 坐标 仍然 是 三 维 坐标 系 下 的 匀 


位 立方 体外 部 的 图 元 


( 红色 三 角形 ) 被 舍弃 ， 完 


乡 ) 将 被 保留 。 和 单位 立方 体 相交 的 图 元 ( 黄色 


生成 ， 


步 是 不 可 多 
定义 


原来 在 外 部 的 项 点 会 被 舍弃 


站 程 的 ， 即 我 们 无 法 通过 编程 来 控制 裁剪 的 过 程 ， 而 是 硬 


个 裁剪 操作 来 对 这 一 步 进行 配置 。 


k 标 〈 范 国 


乡 ) 会 被 裁剪 ， 新 的 顶点 会 被 


在 单位 立方 体内 )。 屏 幕 映射 (Screen 
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Mapping) 的 任务 是 把 每 个 图 元 的 x 和 y 坐标 转换 到 屏幕 坐标 系 〈(Screen Coordinates) 下 。 屏 幕 
坐标 系 是 一 个 二 维 坐标 系 ， 它 和 我 们 用 于 显示 画面 的 分 辨 率 有 很 大 关系 。 

假设 , 我 们 需要 把 场景 泻 染 到 一 个 窗口 上 ， 窗 口 的 范围 是 从 最 小 的 窗口 坐标 (cu,y) 到 最 大 的 窗 
坐标 (x2,y2)， 其 中 x< x 且 y1< y。 由 于 我 们 输入 的 坐标 范围 在 -1 到 1， 因 此 可 以 想象 到 ， 这 个 
过 程 实际 是 一 个 缩放 的 过 程 ， 如 图 2.10 所 示 。 你 可 能 会 问 ， 那 么 输入 的 z 坐标 会 怎么 样 呢 ? 屏幕 
映射 不 会 对 输入 的 z 坐标 做 任何 处 理 。 实 际 上 ， 屏 幕 坐 标 系 和 z 坐标 一 起 构成 了 一 个 坐标 系 ， 叫 
做 窗口 坐标 系 (Window Coordinates)。 这 些 值 会 一 起 被 传递 到 光栅 化 阶段 。 


(xX2, y2) 


(1,1) 
(1,71) 


(x1, 外) 


4 图 2.10 ”屏幕 映射 将 和 上 坐 标 从 ( -1, 1 ) 范围 转换 到 屏幕 坐标 系 中 


屏幕 映射 得 到 的 屏幕 坐标 决定 了 这 个 顶点 对 应 屏幕 上 哪个 像素 以 及 距离 这 个 像素 有 多 远 。 

有 一 个 需要 引起 注意 的 地 方 是 ， 屏 幕 坐标 系 在 OpenGL 和 DirectX 之 间 的 差异 问题 。OpenGL 
把 屏幕 的 左下 角 当 成 最 小 的 窗口 坐标 值 , 而 DirectX 则 定义 了 屏幕 的 左上 角 为 最 小 的 窗口 坐标 值 。 
图 2.11 显示 了 这 样 的 差异 。 


(512; 512) (0, 0) 
(0, 0) (512, 512) 
OpenGL DirectX 
4 图 2.11 0penGL 和 DirectX 的 屏幕 坐标 系 差异 。 对 于 一 张 512*512 大 小 的 图 像 ， 在 0penGL 中 其 ( 0, 0 ) 点 在 左下 角 ， 而 
在 DirectX 中 其 (0, 0) 点 在 左上 


产生 这 种 差异 的 原因 是 ， 微 软 的 窗口 都 使 用 了 这 样 的 坐标 系统 ， 因 为 这 和 我 们 的 阅读 方式 是 
一 致 的 : 从 左 到 右 、 从 上 到 下 ， 并 且 很 多 图 像 文 件 也 是 按照 这 样 的 格式 进行 存储 的 。 

不 管 原因 如 何 ， 差 异 就 这 么 造成 了 。 留 给 我 们 开发 者 的 就 是 ， 要 时 刻 小 心 这 样 的 差异 ， 如 果 
你 发 现 得 到 的 图 像 是 倒转 的 ， 那 么 很 有 可 能 就 是 这 个 原因 造成 的 。 


2.3.5 三 角形 设置 


由 这 一 步 开 始 就 进入 了 光栅 化 阶段 。 从 上 一 个 阶段 输出 的 信息 是 屏幕 坐标 系 下 的 顶点 位 置 
及 和 它们 相关 的 额外 信息 ， 如 深度 值 〈z 坐标 )、 法 线 方 向 、 视 角 方向 等 。 光 栅 化 阶段 有 两 个 最 习 
要 的 目标 : 计算 每 个 图 元 覆盖 ] J 以 及 为 这 些 像素 计算 它们 的 颜色 。 

光栅 化 的 第 一 个 流水 线 阶段 是 三 角形 设置 (Triangle Setup )。 这 个 阶段 会 计算 光栅 化 一 个 三 
角 网 格 所 需 的 信息 。 具 体 来 说 ， ks 个 阶段 输出 的 都 是 三 角 网 格 的 顶点 ， 即 我 们 得 到 的 是 三 角 网 
格 每 条 边 的 两 个 端点 。 但 如 果 要 得 到 整个 三 角 网 格 对 像素 的 覆盖 情况 ， 我 们 就 必须 计算 每 条 边 上 
的 像素 坐标 。 为 了 能 够 计算 边界 像素 的 坐标 信息 ， 我 们 就 需要 得 到 三 角形 边界 的 表示 方式 。 这 样 


到 


TEN 


个 计算 三 角 网 格 表示 数据 的 过 程 就 叫做 三 角形 设置 。 它 的 输出 是 为 了 给 下 一 个 阶段 做 准备 。 


2.3.6 ”三 角形 遍历 


三 角形 遍历 〈Triangle Traversal) 阶段 将 会 检查 每 个 像素 是 否 被 一 个 三 角 网 格 所 履 盖 。 如 果 
被 覆盖 的 话 ， 就 会 生成 一 个 片 元 (fragment)。 而 这 样 一 个 找到 哪些 像素 被 三 角 网 格 覆 盖 的 过 程 就 


是 三 角形 遍历 ， 这 个 阶段 也 被 称 为 扫描 变换 (Scan Conversion ) 。 


三 角形 遍历 阶段 会 根据 上 一 个 阶段 的 计算 结果 来 判断 一 个 三 角 网 格 覆 盖 了 哪些 像素 ， 并 使 用 


三 角 网 格 3 个 顶点 的 顶点 信息 对 整个 覆盖 区 域 的 像素 进行 插值 。 图 2.12 展示 了 三 角形 遍历 阶段 的 
简化 计算 过 程 。 


三 角形 遍历 


加 
团 
画 
于 
路 
LE 
图 


深度 : -10.0 
4 图 2.12 形 遍 历 的 过 程 。 根 据 几何 阶段 输出 的 顶点 信息 ， 最 终 得 到 该 三 角 网 格 覆 盖 的 像素 位 置 。 对 应 像素 会 生成 
个 片 元 ， 而 片 元 中 的 状态 是 对 3 个 顶点 的 信息 进行 插值 得 到 的 。 例 如 ， 对 图 2.12 中 3 个 项 点 的 深度 进行 插值 得 到 其 重心 


位 置 对 应 的 片 元 的 深度 值 为 -10.0 


这 一 步 的 输出 就 是 得 到 一 个 片 元 序列 。 需 要 注意 的 是 ， 一 个 片 元 并 不 是 真正 意义 上 的 像素 ， 


而 是 包含 了 很 多 状态 的 集合 ， 这 些 状 态 用 于 计算 每 个 像素 的 最 终 颜 色 。 这 些 状 态 包 括 了 《但 不 限 


于 ) 它 的 屏幕 坐标 、 深 度 信 息 ， 以 及 其 他 从 几何 阶段 


2.3.7 片 元 着 色 器 


片 元 着 色 器 (Fragment Shader) 是 另 一 个 非常 


输出 的 顶点 信息 ， 例 如 法 线 、 纹 理 坐 标 等 。 


重要 的 可 编程 着 色 器 阶段 。 在 DirectX 中 ， 片 


元 着 色 器 被 称 为 像素 着 色 器 (Pixel Shader)， 但 片 元 着 色 器 是 一 个 更 合适 的 名 字 ， 因 为 此 时 的 片 


元 并 不 是 一 个 真正 意义 上 的 像素 。 


前 面 的 光栅 化 阶段 实际 上 并 不 会 影响 屏 衣 


上 每 个 像素 的 颜色 值 ， 而 是 会 产生 一 系列 的 数据 信 


息 


我 们 随后 就 会 讲 到 。 


息 ， 用 来 表述 一 个 三 角 网 格 是 怎样 履 盖 每 个 像素 的 。 而 每 个 片 元 就 负责 存储 这 样 一 系列 数据 。 
正 会 对 像素 产生 影响 的 阶段 是 下 一 个 流水 线 阶段 一 一 


逐 片 元 操作 (Per-Fragment Operations)。 


片 元 着 色 器 的 输入 是 上 一 个 阶段 对 顶点 信息 插值 得 到 的 结果 ， 更 具体 来 说 ， 是 根据 那些 从 顶点 着 


一 阶段 可 以 完成 很 多 重要 的 泻 染 技术 ， 其 中 


色 器 中 输出 的 数据 插值 得 到 的 。 而 它 的 输出 是 一 个 或 者 多 个 颜色 值 。 图 2.13 显示 了 这 样 一 个 过 程 。 


最 重要 的 技术 之 一 就 是 纹理 采样 。 为 了 在 片 元 
寸 


着 色 器 中 进行 纹理 采样 ， 我 们 通常 会 在 顶点 着 色 器 阶段 输出 每 个 顶点 对 应 的 纹理 坐标 ， 然 后 经 过 
光栅 化 阶段 对 三 角 网 格 的 3 个 顶点 对 应 的 纹理 坐标 进行 插值 后 ， 就 可 以 得 到 其 覆盖 的 片 元 的 纹理 
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4 图 2.13 ”根据 上 一 步 插 值 后 的 片 元 信息 ， 片 元 着 色 器 计算 该 片 元 的 输出 颜色 


虽然 片 元 着 色 器 可 以 完成 很 多 重要 效果 ， 但 它 的 局 限 在 于 ， 它 仅 可 以 影响 单个 片 元 。 也 就 是 
说 ， 当 执行 片 元 着 色 器 时 ， 它 不 可 以 将 自己 的 任何 结果 直接 发 送 给 它 的 邻居 们 。 有 一 个 情况 例外 ， 
就 是 片 元 着 色 器 可 以 访问 到 导数 信息 (gradient， 或 者 说 是 derivative )。 有 兴趣 的 读者 可 以 参考 本 
章 的 扩展 阅读 部 分 。 


2.3.8 逐 片 元 操作 


终于 到 了 泻 染 流水 线 的 最 后 一 步 。 逐 片 元 操作 (Per-Fragment Operations) 是 OpenGL 中 的 
说 法 ， 在 DirectX 中 ， 这 一 阶段 被 称 为 输出 合并 阶段 (Output-Merger)。Merger 这 个 词 可 能 更 容 
易 让 读者 明白 这 一 步骤 的 目的 : 合并 。 而 OpenGL 中 的 名 字 可 以 让 读者 明白 这 个 阶段 的 操作 单位 ， 
即 是 对 每 一 个 片 元 进行 一 些 操作 。 那 么 问题 来 了 ， 要 合并 哪些 数据 ?又 要 进行 哪些 操作 呢 ? 

这 一 阶段 有 几 个 主要 任务 。 

(1) 决定 每 个 片 元 的 可 见 性 。 这 涉及 了 很 多 测试 工作 ， 例 如 深度 测试 、 模 板 测 试 等 。 

(2) 如 果 一 个 片 元 通过 了 所 有 的 测试 ， 就 需要 把 这 个 片 元 的 颜色 值 和 已 经 存储 在 颜色 缓冲 
中 的 颜色 进行 合并 ， 或 者 说 是 混合 。 
需要 指明 的 是 ， 逐 片 元 操作 阶段 是 高 度 可 配置 性 的 ， 即 我 们 可 以 设置 每 一 步 的 操作 细节 。 这 
在 后 面 会 讲 到 。 

这 个 阶段 首先 需要 解决 每 个 片 元 的 可 见 性 问题 。 这 需要 进行 一 系列 测试 。 这 就 好 比 考 试 ， 一 
个 片 元 只 有 通过 了 所 有 的 考试 , 才能 最 终 获 得 和 GPU 谈判 的 资格 , 这 个 资格 指 的 是 它 可 以 和 颜色 
缓冲 区 进行 合并 。 如 果 它 没有 通过 其 中 的 某 一 个 测试 ， 那 么 对 不 起 ， 之 前 为 了 产生 这 个 片 元 所 做 
的 所 有 工作 都 是 白费 的 ， 因 为 这 个 片 元 会 被 舍弃 掉 。Poor fragment! 图 2.14 给 出 了 简化 后 的 逐 片 


元 操作 所 做 的 操作 。 
模板 测试 - 深度 测试 一 混合 — meane 


4 图 2.14 逐 片 元 操作 阶段 所 做 的 操作 。 只 有 通过 了 所 有 的 测试 后 ， 新 生成 的 片 元 才能 和 颜色 缓冲 区 中 已 经 存在 的 像素 颜 


色 进 行 混 合 ， 最 后 再 写 入 颜色 缓冲 区 中 


ll 


Xl 


片 元 一 一 > 


测试 的 过 程 实际 上 是 个 比较 复杂 的 过 程 ， 而 且 不 同 的 图 形 接口 〈 例 如 OpenGL 和 DirectX) 的 


实现 细节 也 不 尽 相 同 。 这 里 给 出 两 个 最 基本 的 测试 一 一 深度 测试 和 模板 测试 的 实现 过 程 。 能 和 否 理 
解 这 些 测 试 过 程 将 关乎 读者 是 否 可 以 理解 本 书后 面 章节 中 提 到 的 演 染 队列 ， 尤 其 是 处 理 透 明 效 果 
时 


才 出 现 的 问题 。 图 2.15 给 出 了 深度 测试 和 模板 测试 的 简化 流程 图 。 


开始 模板 测试 


模板 测试 结束 深度 测试 结束 


4 图 2.15 “模板 测试 和 深度 测试 的 简化 流程 区 


我 们 先 来 看 模板 测试 〈Stencil Test)。 与 之 相关 的 是 模板 缓冲 (Stencil Buffer)。 实 际 上 ， 模 板 
缓冲 和 我 们 经 常 听 到 的 颜色 缓冲 、 深 度 缓冲 几乎 是 一 类 东西 。 如 果 开 启 了 模板 测试 ，GPU 会 首先 


读 取 使 用 读 取 掩 码 〉 模板 缓冲 区 中 该 片 元 位 置 的 模板 值 ， 然 后 将 该 值 和 读 取 《 使 / 
到 的 参考 值 (reference value) 进行 比较 ， 这 个 比较 函数 可 以 是 由 开发 者 指定 的 ， 例 如 


该 片 元 ， 或 者 大 于 等 于 时 舍弃 该 片 元 。 如 果 这 个 片 元 没有 通过 这 个 测试 ， 该 片 元 就 会 


j 读 取 掩 码 ) 


小 于 时 舍弃 
被 舍弃 。 不 


管 一 个 片 元 有 没有 通过 模板 测试 ， 我 们 都 可 以 根据 模板 测试 和 下 面 的 深度 测试 结果 来 修改 模板 组 


冲 区 ， 这 个 修改 操作 也 是 由 开发 者 指定 的 。 开 发 者 可 以 设置 不 同 结果 下 的 修改 操作 ， 


例如 ， 在 失 
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败 时 模板 缓冲 区 保持 不 变 ， 通 过 时 将 模板 缓冲 区 中 对 应 位 置 的 值 加 1 等 。 模 板 测 试 通常 用 于 限制 
演 染 的 区 域 。 另 外 ， 模 板 测 试 还 有 一 些 更 高 级 的 用 法 ， 如 演 染 阴影 、 轮 廊 泻 染 等 。 

如 果 一 个 片 元 幸运 地 通过 了 模板 测试 , 那么 它 会 进行 下 一 个 测试 一 一 深度 测试 (Depth Test)。 
相信 很 多 读者 都 听 到 过 这 个 测试 。 这 个 测试 同样 是 可 以 高 度 配 置 的 。 如 果 开 启 了 深度 测试 ，GPU 
会 把 该 片 元 的 深度 值 和 已 经 存在 于 深度 缓冲 区 中 的 深度 值 进行 比较 。 这 个 比较 函数 也 是 可 由 开发 
者 设置 的 ， 例 如 小 于 时 舍弃 该 片 元 ， 或 者 大 于 等 于 时 舍弃 该 片 元 。 通 常 这 个 比较 函数 是 小 于 等 于 
的 关系 ， 即 如 果 这 个 片 元 的 深度 值 大 于 等 于 当前 深度 缓冲 区 中 的 值 ， 那么 就 会 舍弃 它 。 这 是 因为 ， 
我 们 总 想 只 显示 出 离 摄像 机 最 近 的 物体 ， 而 那些 被 其 他 物体 遮挡 的 就 不 需要 出 现在 屏幕 上 。 如 果 
这 个 片 元 没有 通过 这 个 测试 ， 该 片 元 就 会 被 舍弃 。 和 模板 测试 有 些 不 同 的 是 ， 如 果 一 个 片 元 没有 
通过 深度 测试 ， 它 就 没有 权利 更 改 深度 缓冲 区 中 的 值 。 而 如 果 它 通过 了 测试 ， 开 发 者 还 可 以 指定 
是 否 要 用 这 个 片 元 的 深度 值 履 盖 掉 原 有 的 深度 值 ， 这 是 通过 开启 /关闭 深度 写 入 来 做 到 的 。 我 们 在 
后 面 的 学 习 中 会 发 现 ， 透 明 效果 和 深度 测试 以 及 深度 写 入 的 关系 非常 密切 。 

如 果 一 个 幸运 的 片 元 通过 了 上 面 的 所 有 测试 ， 它 就 可 以 自豪 地 来 到 合并 功能 的 面前 。 

为 什么 需要 合并 ? 我 们 要 知道 ， 这 里 所 讨论 的 泻 染 过 程 是 一 个 物体 接着 一 个 物体 画 到 屏幕 上 
的 。 而 每 个 像素 的 颜色 信息 被 存储 在 一 个 名 为 颜色 缓冲 的 地 方 。 因 此 ， 当 我 们 执行 这 次 演 染 时 ， 
颜色 缓冲 中 往往 已 经 有 了 上 次 演 染 之 后 的 颜色 结果 ， 那 么 ， 我 们 是 使 用 这 次 泻 染 得 到 的 颜色 完全 
履 盖 掉 之 前 的 结果 ， 还 是 进行 其 他 处 理 ? 这 就 是 合并 需要 解决 的 问题 。 

对 于 不 透明 物体 ， 开 发 者 可 以 关闭 混合 (Blend) 操作 。 这 样片 元 着 色 器 计算 得 到 的 颜色 值 就 
会 直接 歼 盖 掉 颜 色 缓冲 区 中 的 像素 值 。 但 对 于 半 透 明 物体 ， 我 们 就 需要 使 用 混合 操作 来 让 这 个 物 
体 看 起 来 是 透明 的 。 图 2.16 展示 了 全 个 简化 版 的 混合 操作 的 流程 图 。 


是 否 开启 了 混合 


得 到 源 颜色 ， 即 该 上 息 到 目标 角色 和 是 民 
的 中 的 颜色 值 
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混合 结束 


4 图 2.16 ”混合 操作 的 简化 流程 区 


从 流程 图 中 我 们 可 以 发 现 ， 混 合 操作 也 是 可 以 高 度 配置 的 : 开发 者 可 以 选择 开启 /关闭 混合 功 
能 。 如 果 没 有 开启 混合 功能 ， 就 会 直接 使 用 片 元 的 颜色 履 盖 掉 颜 色 缓 冲 区 中 的 颜色 ， 而 这 也 是 很 
多 初学 者 发 现 无 法 得 到 透明 效果 的 原因 (没有 开启 混合 功能 )。 如 果 开 启 了 混合 ，GPU 会 取出 源 
颜色 和 目标 颜色 ， 将 两 种 颜色 进行 混合 。 源 颜色 指 的 是 片 元 着 色 器 得 到 的 颜色 值 ， 而 目标 颜色 则 
是 已 经 存在 于 颜色 缓冲 区 中 的 颜色 值 。 之 后 ， 就 会 使 用 一 个 混合 函数 来 进行 混合 操作 。 这 个 混合 
函数 通常 和 透明 通道 息息相关 ， 例 如 根据 透明 通道 的 值 进行 相 加 、 相 减 、 相 乘 等 。 混 合 很 像 
Photoshop 中 对 图 层 的 操作 : 每 一 层 图 层 可 以 选择 混合 模式 ， 混 合 模式 决定 了 该 图 层 和 下 层 图 层 的 
混合 结果 ， 而 我 们 看 到 的 图 片 就 是 混合 后 的 图 片 。 

上 面 给 出 的 测试 顺序 并 不 是 唯一 的 ， 而 且 虽 然 从 轴 辑 上 来 说 这 些 测试 是 在 片 元 着 色 器 之 后 进 
行 的 ,但 对 于 大 多 数 GPU 来 说 ,它们 会 尽 可 能 在 执行 片 元 着 色 器 之 前 就 进行 这 些 测试 。 这 是 可 以 
时 解 的 ， 想 象 一 下 ， 当 GPU 在 片 元 着 色 器 阶段 花 了 很 大 力气 终于 计算 出 片 元 的 颜色 后 ， 却 发 现 这 
个 片 元 根本 没有 通过 这 些 检 验 ， 也 就 是 说 这 个 片 元 还 是 被 舍弃 了 ， 那 之 前 花费 的 计算 成 本 全 都 浪 
费 了 ! 图 2.17 给 出 了 这 样 一 个 场景 。 
作为 一 个 想 充 分 提高 性 能 的 GPU, 它 会 希望 尽 可 
能 早 地 知道 哪些 片 元 是 会 被 舍弃 的 , 对 于 这 些 片 元 就 
不 需要 再 使 用 片 元 着 色 器 来 计算 它们 的 颜色 。 在 
Unity 给 出 的 泻 染 流水 线 中 ， 我 们 也 可 以 发 现 它 给 出 
的 深度 测试 是 在 片 元 着 色 器 之 前 。 这 种 将 深度 测试 提 
前 执行 的 技术 通常 也 被 称 为 Early-Z 技术 。 和 希望 读者 
看 到 这 里 时 不 会 因此 感到 困惑 。 在 本 书后 面 的 章节 
中 ， 我 们 还 会 继续 讨论 这 个 问题 。 


= 


但 是 ， 如 果 将 这 些 测试 提前 的 话 ， 其 检验 结果 可 “图 2.17 图 示 场景 中 包含 了 两 个 对 象 ， 球 和 长 方 体 ， 
门 在 片 元 着 色 器 进行 了 透明 度 测试 (我 们 将 在 8.3 节 着 色 器 之 后 执行 ， 那 么 在 渲染 长 方 体 时 ， 虽 然 它 的 大 
中 具体 讲 到 )， 而 这 个 片 元 没有 通过 透明 度 测 试 ， 我 ”部 分 区 域 都 被 遮挡 在 球 的 后 面 ， 即 它 所 覆盖 的 绝 大 部 
会 在 着 色 器 中 调用 API (例如 clip 函数 ) 来 手动 将 。 仿 记 0 让 条 名 这 二 
其 舍弃 掉 。 这 就 导致 GPU 无 法 提前 执行 各 种 测试 。 
对 此 ,现代 的 GPU 会 判断 片 元 着 色 器 中 的 操作 是 否 和 提前 测试 发 生 冲 突 ， 如果 有 冲突 ， 就 会 禁 
提前 测试 。 但 是 ， 这 样 也 会 造成 性 能 上 的 下 降 ， 因 为 有 更 多 片 元 需要 被 处 理 了 。 这 也 是 透明 度 测 
试 会 导致 性 能 下 降 的 原因 。 
当 模型 的 图 元 经 过 了 上 面 层 层 计 算 和 测试 后 ， 就 会 显示 到 我 们 的 屏幕 上 。 我 们 的 屏幕 显示 的 
就 是 颜色 缓冲 区 中 的 颜色 值 。 但 是 ， 为 了 避免 我 们 看 到 那些 正在 进行 光栅 化 的 图 元 ，GPU 会 使 用 
双重 缓冲 (Double Buffering) 的 策略 。 这 意味 着 ， 对 场景 的 泻 染 是 在 幕后 发 生 的 ， 即 在 后 置 缓冲 
(Back Buffer) 中 。 一 旦 场景 已 经 被 泻 染 到 了 后 置 缓冲 中 ，GPU 就 会 交换 后 置 缓冲 区 和 前 置 缓冲 
(Front Buffer) 中 的 内 容 ， 而 前 置 缓冲 区 是 之 前 显示 在 屏幕 上 的 图 像 。 由 此 ， 保 证 了 我 们 看 到 的 
图 像 总 是 连续 的 。 


2.3.9 总 结 


虽然 我 们 上 面 讲 了 很 多 ， 但 其 真正 的 实现 过 程 远 比 上 面 讲 到 的 要 复杂 。 需 要 注意 的 是 ， 读 者 
可 能 会 发 现 这 里 给 出 的 流水 线 名 称 、 顺 序 可 能 和 在 一 些 资料 上 看 到 的 不 同 。 一 个 原因 是 由 于 图 像 
编程 接口 (如 OpenGL 和 DirectX) 的 实现 不 尽 相同 ， 另 一 个 原因 是 GPU 在 底层 可 能 做 了 很 多 优 
化 ， 例 如 上 面 提 到 的 会 在 片 元 着 色 器 之 前 就 进行 深度 测试 ， 似 避免 无 谓 的 计算 。 


虽然 演 染 流水 线 比 较 复 条， 但 Unity 作为 一 个 非常 出 色 的 平台 为 我 们 封装 了 很 多 功能 。 更 多 
时 候 ， 我 们 只 需要 在 一 个 Unity Shader 设置 一 些 输 入 、 编 写 顶 点 着 色 器 和 片 元 着 色 器 、 设 置 一 些 
状态 就 可 以 达到 大 部 分 常见 的 屏幕 效果 。 这 是 Unity 吸引 人 的 魅力 之 处 ， 但 这 样 的 缺点 在 于 ， 封 
装 性 会 导致 编程 自由 度 下 降 , 使 很 多 初学 者 迷失 方向 , 无 法 掌握 其 背后 的 原理 ,并 在 出 现 问 题 时 ， 
往往 无 法 找到 错误 原因 ， 这 是 在 学 习 Unity Shader 时 普遍 的 遭遇 。 
演 染 流水 线 几 乎 和 本 书 所 有 章节 都 息息相关 ， 如 果 读 者 此 时 仍然 无 法 完全 理解 演 染 流水 线 ， 
仍 可 以 继续 学 习 下 去 。 但 如 果 读 者 在 学 习 过 程 中 发 现 有 些 设置 或 代码 无 法 理解 ， 可 以 不 断 查阅 本 
章 内 容 ， 相 信 会 有 更 深 的 理解 。 


一 些 容易 困惑 的 地 方 


在 读者 学 习 Shader 的 过 程 中 ， 会 看 到 一 些 所 谓 的 专业 术语 ， 这 些 术语 的 出 现 频率 很 高 ， 以 至 
于 如 果 没有 对 其 有 基本 的 认识 ， 会 使 得 初学 者 总 是 感到 非常 困惑 。 本 章 的 最 后 将 阐述 其 中 的 一 些 
术语 。 


2.4.1 什么 是 OpenGL/DirectX 


只 要 读者 接触 过 图 像 编 程 , 就 一 定 听 说 过 OpenGL 和 DirectX, 也 一 定 知道 这 两 者 之 间 的 竞争 
关系 。OpenGL 与 DirectX 之 间 的 竞争 以 及 它们 与 各 个 硬件 生产 商 之 间 的 纠葛 历史 很 有 趣 ,但 很 可 
惜 这 不 在 本 书 的 讨论 范围 。 本 藻 的 目的 在 于 向 读者 尽 可 能 通俗 地 解释 ， 它 们 到 底 是 什么 ， 又 和 之 
前 讲 到 的 泻 染 管线 、GPU 有 什么 关系 。 

我 们 花 了 一 整个 章节 的 篇 幅 来 讲述 泻 染 的 概念 流水 线 以 及 GPU 是 如 何 实现 这 些 流水 线 的 ,但 
如 果 要 开发 者 直接 访问 GPU 是 一 件 非 常 麻烦 的 事情 ， 我 们 可 能 需要 和 各 种 寄存 器 、 显 存 打交道 。 
而 图 像 编程 接口 在 这 些 硬 件 的 基础 上 实现 了 一 层 抽象 。 

OpenGL 和 DirectX 就 是 这 些 图 像 应 用 编程 接口 , 这 些 接口 用 于 泻 染 二 维 或 三 维 图 形 。 可 以 说 ， 
这 些 接口 架 起 了 上 层 应 用 程序 和 底层 GPU 的 沟通 桥梁 。 一 个 应 用 程序 向 这 些 接口 发 送 泻 染 命令 ， 
而 这 些 接口 会 依次 向 显卡 驱动 (Graphics Driver) 发 送 演 染 命令 ， 这 些 显卡 驱动 是 真正 知道 如 何 和 
GPU 通信 的 角色 ， 正 是 它们 把 OpenGL 或 者 DirectX 的 函数 调用 翻译 成 了 GPU 能 够 听 懂 的 语言 ， 
同时 它们 也 负责 把 纹理 等 数据 转换 成 GPU 所 支持 的 格式 。 一 个 比喻 是 , 显卡 驱动 就 是 显卡 的 操作 
系统 。 图 2.18 显示 了 这 样 的 关系 。 

概括 来 说 ， 我 们 的 应 用 程序 运行 在 CPU 上 。 应 用 程序 可 以 通过 调用 OpenGL 或 DirectX 的 图 
形 接口 将 泻 染 所 需 的 数据 ， 如 顶点 数据 、 纹 理 数据 、 材 质 参数 等 数据 存储 在 显存 中 的 特定 区 域 。 
随后 ， 开 发 者 可 以 通过 图 像 编 程 接 口 发 出 演 染 命令 ,这 些 泻 染 命令 也 被 称 为 Draw Call， 它 们 将 会 
被 显卡 驱动 翻译 成 GPU 能 够 理解 的 代码 ， 进 行 真 正 的 绘制 。 
由 图 2.18 可 以 看 出 ， 一 个 显卡 除了 有 图 像 处 理 单元 GPU 外 ， 还 拥有 自己 的 内 存 ， 这 个 内 存 
通常 被 称 为 显存 (Video Random Access Memory，VRAM)。GPU 可 以 在 显存 中 存储 任何 数据 ， 
但 对 于 泻 染 来 说 一 些 数据 类 型 是 必需 的 ， 例 如 用 于 屏幕 显示 的 图 像 缓冲 、 深 度 缓冲 等 。 

因为 显卡 驱动 的 存在 ， 几 乎 所 有 的 GPU 都 既 可 以 和 OpenGL 合作 ， 也 可 以 和 DirectX 一 起 工 
作 。 从 显卡 的 角度 出 发 ， 实 际 上 它 只 需要 和 显卡 驱动 打交道 就 可 以 了 。 而 显卡 驱动 就 好 像 一 个 : 
介 者 ， 负 责 和 两 方 〈 图 像 编程 接口 和 GPU) 打交道 。 因 此 ， 一 个 显卡 制作 商 为 了 让 他 们 的 显卡 可 
以 同时 和 OpenGL、DirectX 合作 ， 就 必须 提供 支持 OpenGL 和 DirectX 接口 的 显卡 驱动 。 
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2.4.2 什么 是 HLSL、GLSL、CG 


我 们 上 面 讲 到 了 很 多 可 编程 的 着 色 器 阶段 ， 如 


2.18 CPU、0penGLDirectX、 显 卡 驱动 和 GPU 之 间 的 关系 


编程 性 在 于 , 我 们 可 以 使 用 一 种 特定 的 语言 来 编写 程序 , 就 好 比 我 们 可 以 用 i 写 游戏 逻辑 
线 出 现 之 前 ， 为 了 编号 着色 器 代码 ， 开 
开 更 方便 的 大 门 ， 就 出 现 了 更 高 级 的 着 色 语 言 (Shading Language )。 
语言 有 DirectX 的 HLSL (High Level Shading Language)、OpenGL 的 GLSL 


在 可 编程 管 


色 器 的 ， 和 常见 的 着 色 


顶点 着 色 器 、 片 元 着 色 器 等 。 这 些 着 色 器 的 可 


发 者 们 学 习 汇编 语言 


着 色 语 言 是 专门 用 于 编 写 着 


一 样 。 
们 打 


。 为 了 给 开发 


(OpenGL Shading Language ) 以 及 NVIDIA 的 CG (C for Graphic)。HLSL、GLSL、CG 都 是 “高 


级 〈High-Level)” 语 言 ， 但 这 种 高 级 是 相对 于 汇 多 
样 。 这 些 语言 会 被 编译 成 与 机 器 无 关 的 汇 缠 
这 些 中 间 语 言 再 交 给 显 


对 于 一 个 初学 者 来 说 ， 


个 最 常见 的 问 


有 语言 来 说 的 ， 而 不 是 


驱动 来 翻译 成 真正 的 机 器 语言 ， 即 GPU 可 以 型 
题 就 是 ， 


像 C# 相 对 于 C 的 高 级 那 
语言 , 也 被 称 为 中 间 语 言 (Intermediate Language, IL)。 


也 应 该 选择 哪 种 语言 


? 


E 解 的 语言 。 


GLSL 的 优点 在 于 它 的 跨 平台 性 ， 它 可 以 在 Windows、Linux、Mac 甚至 移动 平台 等 多 种 平台 


的 编译 工作 。 也 就 是 说 ， 只 要 显 
于 供应 商 完全 了 解 自己 的 硬件 
是 依 下 硬 件 ， 而 非 操 作 系统 层级 的 。 
， 世 界 上 有 很 多 硬件 供 


ta : 


工作 ， 但 这 种 跨 平 台 性 是 由 于 OpenGL 没有 提供 着 
卡 驱动 支持 对 GLSL 的 编译 它 就 可 以 运 
构造 ， 他 们 知道 怎样 


应 商 一 一 NVIDIA、ATI 等 ,他 


色 器 编译 器 ， > Se 


这 种 做 法 的 好 处 在 于 ， 


做 可 


ee 9 。 
得 这 也 意味 着 GLSL 的 编译 结果 将 取决 于 硬件 供 


换 句 话说 ，GLSL 


会 造成 编译 结果 不 一 致 的 情况 ， 因 为 


这 完全 取决 于 供 


应 商 的 做 法 。 


区 到 


门 对 GLSL 的 编译 实 ] 


应 商 。 要 知 
现 不 尽 相 司 ，j 这 可 能 


而 对 于 HLSL， 是 由 微软 控制 着 色 器 的 编译 ， 


自己 的 产品 ， 如 Windows、 
译 器 。 


多 


结果 也 是 一 样 的 (前 提 是 版 本 相同 )。 但 也 因此 支持 HLSL 站 


Xbox 360、PS3 等 。 这 是 因为 在 其 


t 算 使 用 了 不 同 的 硬件 
的 平台 相对 比较 有 限 ， 几 乎 完全 是 微软 
他 平台 上 没有 可 以 编译 HLSL 的 编 


， 同 一 个 着 色 器 的 编译 
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CG 则 是 真正 意义 上 的 跨 平 台 。 它 会 根据 平台 的 不 同 ， 编 译 成 相应 的 中 间 语 言 。CG 语言 的 器 


平台 性 很 大 原因 取决 于 与 微软 的 合作 ， 这 也 导致 CG 语言 的 语法 和 HLSL 非常 相像 ，CG 语言 5 
以 无 颖 移植 成 HLSL 代码 。 但 缺点 是 可 能 无 法 完全 发 挥 出 OpenGL 的 最 新 特性 。 

对 于 Unity 平台 ， 我 们 同样 可 以 选择 使 用 哪 种 语言 。 在 Unity Shader 中 ， 我 们 可 以 选择 使 用 
“CG/HLSL” 或 者 “GLSL”。 带 引号 是 因为 Unity 里 的 这 些 着 色 语 言 并 不 是 真正 意义 上 的 对 应 的 着 
色 语 言 , 尽管 它们 的 语法 几乎 一 样 。 以 Unity CG 为 例 , 你 有 时 会 发 现 有 些 CG 语法 在 Unity Shader 
中 是 不 支持 的 。 关 于 Unity Shader 和 真正 的 CG/HLSL、GLSL 之 间 的 关系 我 们 会 在 3.6 节 中 讲 到 。 


2.4.3 ”什么 是 Draw Call 


在 前 面 的 章节 中 , 我 们 已 经 了 解 了 Draw Call 的 含义 。 Draw Call 本 身 的 含义 很 简单 , 就 是 CPU 
调用 图 像 编 程 接口 , 如 OpenGL 中 的 glDrawElements 命令 或 者 DirectX 中 的 DrawIndexedPrimitive 
命令 ， 以 命令 GPU 进行 泻 染 的 操作 。 

一 个 常见 的 误区 是 ，Draw Call 中 造成 性 能 问题 的 元 凶 是 GPU， 认 为 GPU 上 的 状态 切换 是 耗 
时 的 ， 其 实 不 是 的 ， 真 正 “ 拖 后 腿 ” 其 实 的 是 CPU。 
在 深入 理解 Draw Call 之 前 ， 我 们 先 来 看 一 下 CPU 和 GPU 之 间 的 流水 线 化 是 怎么 实现 的 ， 
即 它们 是 如 何 相 互 独立 一 起 工作 的 。 

问题 一 : CPU 和 GPU 是 如 何 实现 并 行 工作 的 ? 
如 果 没 有 流水 线 化 ， 那 么 CPU 需要 等 到 GPU 完成 上 一 个 渲染 任务 才能 再 次 发 送 演 染 命 令 。 
但 这 种 方法 显然 会 造成 效率 低下 。 因 此 就 像 在 本 章 一 开头 讲 到 的 老 王 的 洋娃娃 工厂 一 样 ， 我 们 
需要 让 CPU 和 GPU 可 以 并 行 工作 .> 而 解决 方法 就 是 使 用 一 个 命令 缓冲 区 〈Command Buffer ) 。 
命令 绥 冲 区 包含 了 一 个 命令 队列 “由 CPU 向 其 中 添加 命令 ， 而 由 GPU 从 中 读 取 命令 ， 添 加 
和 读 取 的 过 程 是 互相 独立 的 。 命 令 缓 冲 区 使 得 CPU 和 GPU 可 以 相互 独立 工作 。 当 CPU 需要 演 染 
一 些 对 象 时 ， 它 可 以 向 命令 缓冲 区 中 添加 命令 ， 而 当 GPU 完成 了 上 一 次 的 渲染 任务 后 ， 它 就 可 以 
从 命令 队列 中 再 取出 一 个 命令 并 执行 它 。 

命令 缓冲 区 中 的 命令 有 很 多 种 类 ， 而 Draw Call 是 其 中 一 种 ， 其 他 命令 还 有 改变 泻 染 状态 等 
(例如 改变 使 用 的 着 色 器 ， 使 用 不 同 的 纹理 等 )。 图 2.19 显示 了 这 样 一 个 例子 。 


泻 染 模型 B 
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泻 染 模型 C | 


4 图 2.19 命令 缓冲 区 。CPU 通过 图 像 编 程 接口 向 命令 缓冲 区 中 添加 命令 ， 而 GPU 从 中 读 取 命令 并 执行 。 黄 色 方 框 内 的 命 
令 就 是 Draw Call ， 而 红色 方 框 内 的 命令 用 于 改变 泻 染 状态 。 我 们 使 用 红色 方 框 来 表示 改变 演 染 状态 的 命令 ， 
是 因为 这 些 命令 往往 更 加 耗 时 


问题 二 : 为 什么 Draw Call 多 了 会 影响 帧 率 ? 

我 们 先 来 做 一 个 实验 : 请 创建 10 000 个 小 文件 ， 每 个 文件 的 大 小 为 IKB ， 然 后 把 它们 从 一 个 
文件 夹 复 制 到 另 一 个 文件 来。 你 会 发 现 ， 尽 管 这 些 文件 的 空间 总 和 不 超过 10MB， 但 要 花费 很 长 
时 间 。 现 在 ， 我 们 再 来 创建 一 个 单独 的 文件 ， 它 的 大 小 是 10MB， 然 后 也 把 它 从 一 个 文件 夹 复制 
到 另 一 个 文件 来。 而 这 次 复制 的 时 间 却 少 很 多 ! 这 是 为 什么 呢 ? 明 明 它们 所 包含 的 内 容 大 小 是 一 
样 的 。 原 因 在 于 ， 每 一 个 复制 动作 需要 很 多 额外 的 操作 ， 例 如 分 配 内 存 、 创 建 各 种 元 数据 等 。 如 
你 所 见 ， 这 些 操作 将 造成 很 多 额外 的 性 能 开销 ， 如 果 我 们 复制 了 很 多 小 文件 ， 那 么 这 个 开销 将 会 
很 大 。 

泻 染 的 过 程 虽 然 和 上 面 的 实验 有 很 大 不 同 ， 但 从 感性 角度 上 是 很 类 似 的 。 在 每 次 调用 Draw 
Call 之 前 ，CPU 需要 向 GPU 发 送 很 多 内 容 ， 包 括 数据 、 状 态 和 命令 等 。 在 这 一 阶段 ，CPU 需要 
完成 很 多 工作 ， 例 如 检查 泻 染 状 态 等 。 而 一 旦 CPU 完成 了 这 些 准备 工作 ，GPU 就 可 以 开始 本 次 
的 演 染 。GPU 的 泻 染 能 力 是 很 强 的 ， 泻 染 200 个 还 是 2 000 个 三 角 网 格 通常 没有 什么 区 别 ， 因 此 
泻 染 速度 往往 快 于 CPU 提交 命令 的 速度 。 如 果 Draw Call 的 数量 太 多 ，CPU 就 会 把 大 量 时 间 花 费 
在 提交 Draw Call 上 ， 造 成 CPU 的 过 载 。 图 2.20 显示 了 这 样 一 个 例子 。 


4 图 2.20 命令 缓冲 区 中 的 虚线 方 框 表示 GPU 已 经 完成 的 命令 。 此 时 ， 命 令 缓冲 区 中 没有 可 以 执行 的 命令 了 ， 
GPU 处 于 空闲 状态 ， 而 CPU 还 没有 准备 好 下 一 个 泻 染 命令 


问题 三 : 如 何 减少 Draw Call? 

尽管 减少 Draw Call 的 方法 有 很 多 ， 但 我 们 这 里 仅 讨 论 使 用 批 处 理 〈Batching) 的 方法 。 

我 们 讲 过 ， 提 交大 量 很 小 的 Draw Call 会 造成 CPU 的 性 能 瓶颈 ， 即 CPU 把 时 间 都 花费 在 准 
备 Draw Call 的 工作 上 上 了。 那么 ， 一 个 很 显然 的 优化 想法 就 是 把 很 多 小 的 DrawCall 合并 成 一 个 大 
的 Draw Call， 这 就 是 批 处 理 的 思想 。 图 2.21 显示 了 批 处 理 所 做 的 工作 。 

需要 注意 的 是 ， 由 于 我 们 需要 在 CPU 的 内 存 中 合并 网 格 ， 而 合并 的 过 程 是 需要 消耗 时 间 的 。 
对 此 ， 批 处 理 技术 更 加 适合 于 那些 静态 的 物体 ， 例 如 不 会 移动 的 大 地 、 石 涉 等 ， 对 于 这 些 静 态 物 
体 我 们 只 需要 合并 一 次 即 可 。 当 然 ， 我 们 也 可 以 对 动态 物体 进行 批 处 理 。 但 是 ， 由 于 这 些 物 体 是 
不 断 运动 的 ， 因 此 每 一 帧 都 需要 重新 进行 合并 然后 再 发 送 给 GPU， 这 对 空间 和 时 间 都 会 造成 一 定 
的 影响 。 
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4 图 2.21 利用 批 处 理 , CPU 在 RAM 把 多 个 网 格 合 并 成 一 个 更 大 的 网 格 , 再 发 送 给 GPU, 然后 在 一 个 Draw Call 中 演 染 它们 。 
但 要 注意 的 是 , 使 用 批 处 理 合并 的 网 格 将 会 使 用 同一 种 泻 染 状态 。 也 就 是 说 ， 如 果 网 格 之 间 需 要 使 用 不 同 的 泻 染 状态 ， 那 
么 就 无 法 使 用 批 处 理 技术 

在 游戏 开发 过 程 中 ， 为 了 减少 Draw Call 的 开销 ， 有 两 点 需要 注意 。 
(1) 避免 使 用 大 量 很 小 的 网 格 。 当 不 可 避免 地 需要 使 用 很 小 的 网 格 结构 时 ， 考 虑 是 否 可 以 合并 
它们 。 


(2) 避免 使 用 过 多 的 材质 。 尽 量 在 不 同 的 网 格 之 间 
在 本 书 的 16.4 节 ， 我 们 会 继续 阐述 如 何在 Unity : 


2.4.4 什么 是 固定 管线 泻 染 


固定 函数 的 流水 线 (Fixed-Function Pipeline)， 也 简称 为 


共用 同一 个 材质 。 
利用 批 处 理 技术 来 进行 优化 。 


定 管线 ， 通 常 是 指 在 较 旧 的 GPU 


上 实现 的 泻 染 流水 线 。 这 种 流水 线 只 给 开发 者 提供 一 些 配置 操作 ， 但 开发 者 没有 对 流水 线 阶 段 的 
完全 控制 权 。 

固定 管线 通常 提供 了 一 系列 接口 ， 这 些 接口 包含 了 一 个 函数 入 口 点 (Function Entry Points) 
集合 , 这 些 函 数 入 口 点 会 匹配 GPU 上 的 一 个 特定 的 逻辑 功能 。 开 发 者 们 通过 这 些 接口 来 控制 泻 染 
流水 线 。 换 名 话说， 固定 泻 染 管线 是 只 可 配置 的 管线 。 一 个 形象 的 比喻 是 ， 我 们 在 使 用 固定 管线 
进行 泻 染 时 ， 就 好 像 在 控制 电路 上 的 多 个 开关 ， 我 们 可 以 选择 打开 或 者 关闭 一 个 开关 ， 但 永远 无 
法 控制 整个 电路 的 排 布 。 

随 着 时 代 的 发 展 ，GPU 流水 线 越 来 越 朝 着 更 高 的 灵活 性 和 可 控 性 方向 发 展 ， 可 编程 泻 染 管线 


应 运 而 生 。 我 们 在 上 


程 的 


首 色 器 阶段 可 以 说 是 GPU 进化 最 习 


线 向 可 编程 管线 进化 的 版 本 。 


外 看 到 了 许多 可 编程 的 流水 线 阶段 ， 如 顶点 着 1 
要 的 贡献 。 表 2.1 给 出 了 3 种 最 常见 的 图 像 接 


色 器 、 片 元 着 色 嚣 ， 这 些 可 编 


固定 管 


口 从 


表 2.1 3 种 图 像 接口 从 固定 管线 向 可 编程 管线 进化 的 版 本 
3D API 最 后 支持 固定 管线 的 版 本 第 一 个 支持 可 编程 管线 的 版 本 
OpenGL 1.5 2.0 
OpenGL ES 1.1 2.0 
DirectX 7.0 8.0 
在 GPU 发 展 的 过 程 中 , 为 了 继续 提供 固定 管线 的 接口 抽象 , 一 些 显卡 驱动 的 开发 者 们 使 用 了 
更 加 通用 的 着 色 架 构 ， 即 使 用 可 编程 的 管线 来 模拟 固定 管线 。 这 是 为 了 在 提供 可 编程 演 染 管线 的 


同时 , 可 以 让 那些 已 经 熟悉 了 


固定 管线 的 开发 者 们 旨 


洒 续 使 用 固定 管线 进行 泻 染 。 例如, OpenGL 2.0 


在 没有 真正 的 固定 


管线 的 硬件 文 


持 下 ， 依 靠 系统 的 


可 乡 


差 
* 辐 


支持 


线 的 概念 。 


因此 ， 如 果 


读者 不 是 为 了 对 较 旧 的 设备 进行 兼容 ， 不 建议 继续 使 | 


程 管线 功能 来 模仿 
GPU 的 发 展 ， 固 定 管线 已 经 逐渐 退出 历史 舞台 。 例 如 ，OpenGL 3.0 是 最 后 既 支 持 可 编程 
固定 管线 编程 接口 的 版 本 ， 在 OpenGL 3.2 


，Core Profile 就 完全 移 除 了 


固定 管 


线 的 处 理 过 程 。 


天 定 


有 那么 ， 你 明白 什么 是 Shader 了 吗 


我 们 之 所 以 要 花 很 大 篇 幅 来 讲述 GPU 的 泻 染 流水 线 ， 是 因为 Shader 所 在 的 阶段 就 是 泻 3 
具体 来 说 ，Shader 就 是 : 
GPU 流水 线 上 一 些 可 高 度 编程 的 阶段 ， 而 


水 线 的 一 部 分 ， 


| 着 色 器 编译 


j 固 定 管线 的 演 染 方式 。 


流 


染 STI 


来 的 最 终 代码 是 会 在 GPU 上 运 


行 的 (对 于 固定 管线 的 泻 染 来 说 ， 着 色 器 有 时 等 同 于 一 些 特定 的 演 染 设置 ); 

。 有 一 些 特定 类 型 的 着 色 器 ， 如 顶点 着 色 器 、 片 元 着 色 器 等 ; 

。 依靠 着 色 器 我 们 可 以 控制 流水 线 中 的 演 染 细节 , 例如 用 顶点 着 色 器 来 进行 顶点 变换 以 及 传 
递 数据 ， 用 片 元 着 色 器 来 进行 逐 像素 的 泻 染 。 

但 同时 ， 我 们 也 要 明白 ， 要 得 到 出 色 的 游戏 画面 是 需要 包括 Shader 在 内 的 所 有 演 染 流水 线 阶 


段 的 共同 参与 才 可 完成 : 设置 适当 的 泻 染 状 态 ， 


深度 写 入 等 。 


Unity 作为 一 个 出 色 的 编辑 工 
置 泻 染 状 态 的 地 方 : Unity Shader。 在 下 一 章 中 ， 我 们 将 真正 


使 用 合适 的 混合 函数 ，] 


下 启 还 是 关 


用 本 扩展 阅读 


如 果 读 者 对 泻 


\， 为 我 们 提供 了 一 个 既 


可 以 方便 地 编 和 


走 进 U 


染 流 水 线 的 引 


Call 不 够 


节 感 兴趣 ， 


了 很 多 有 关 实 时 泻 染 的 内 容 ， 这 本 书 被 誉 为 


可 以 阅读 更 多 的 资料 。 托 马 


可 


闭 深度 测试 / 


首 色 器 ， 同 时 又 可 设 
nity Shader 的 世界 。 


图 形 学 中 


区 象 生动 ， 西 蒙 在 他 的 文章 中 给 出 


了 很 多 动 


圣经 。 


的 如 果 


斯 用 


态 的 演示 效果 ， 而 


他们 的 著作 乌 中 
你 仍然 觉得 本 书 讲解 的 Draw 


给 出 


值得 


注意 的 是 ， 西 蒙 


本 人 是 一 位 美术 工作 者 。 为 什么 需要 批 处 理 ， 什 么 时 候 需要 批 处 理 等 更 多 关于 批 处 理 的 内 容 ， 


可 以 在 NVIDIA 所 做 的 一 次 报告 
的 实现 细节 感 兴 趣 ， 那 么 阅读 它们 


找到 更 多 


的 答案 。 如 果 读 者 对 OpenGL 和 DirectX 的 演 染 流水 线 
的 文档 (https://www. opengLorg/wiki/Rendering_Pipeline_ Overview， 


https://msdn.microsoft.com/en-us/ library/windows/ desktop/ff476882(v=vs.85).aspx) 是 一 个 非常 好 的 途径 。 
[1] Akenine-Moller T, Haines E, Hoffman N. Real-time rendering[M]. CRC Press, 2008. 
[2] Wloka M. Batch, Batch, Batch: What does it really mean?[C]//Presentation at game developers 


conference. 2003. 


第 3 八 ”Unity Shader 基础 


通过 前 面 的 学 习 内 容 我 们 已 经 知道 ，Shader 并 不 是 什么 神秘 的 东西 ， 它 们 其 实 就 是 泻 染 流水 
线 中 的 某 些 特定 阶段 ， 如 顶点 着 色 器 阶段 、 片 元 着 色 器 阶段 等 。 
在 没有 Unity 这 类 编辑 器 的 情况 下 ， 如 果 我 们 想 要 对 某 个 模型 设置 演 染 状态 ， 可 能 需要 类 似 
下 面 的 代码 : 


// 初始 化 泻 染 设置 

void Initialization() 1{ 
// 从 硬盘 上 加 载 项 点 着 色 器 的 代码 
string vertexShaderCode = LoadShaderFromFile (VertexShader.shader); 
// 从 硬盘 上 加 载 片 元 着 色 器 的 代码 
string fragmentShaderCode = LoadShaderFromFile (FragmentShader.shader); 
// 把 项 点 着 色 器 加 载 到 GPU 中 
LoadVertexShaderFromString (vertexShaderCode); 
// 把 片 元 着 色 器 加 载 到 GPU 9 
LoadFragmentShaderFromString (fragmentShaderCode); 


DU 


// 设置 名 为 "vertexPos 选 ion" 的 属性 的 输入 ， 即 模型 顶点 坐标 
SetVertexShaderProperty ("vertexPosition", vertices); 

// 设置 名 为 "MainTex" 的 属性 的 输入 Y /SomeTexture 是 某 张 已 加 载 的 纹理 
SetVertexShaderProperty ("MainTéx", someTexture); 
// 设置 名 为 "MVP" 的 属性 的 输入 ;MYP 是 之 前 由 开发 者 计算 好 的 变换 矩阵 
SetVertexShaderProperty ("MVP", MVP); 


// 关闭 混合 
Disable (Blend); 

// 设置 深度 测试 

Enable (ZText); 
SetzTestFunction (LessOrEqual); 


// 其 他 设 


} 


// 每 一 帧 进行 泻 染 
void OnRendering() { 
// 调 I 
DrawCall( 
A / 当 六 多 和 米 设置 时 ， 我 们 可 能 还 需要 在 这 里 改变 各 种 泻 染 设置 


VertexShader.shader: 
// 输入 : 顶点 位 置 、 纹 理 、MVP 变换 和 矩 阵 


in float3 vertexPosition; 
in sampler2D MainTex; 
in Matrix4x4 MVP; 


// 输出 : 顶点 经 过 MVP 变换 后 的 位 置 


out float4 position; 


void main() { 
// 使 用 MVP 对 模型 顶点 坐标 进行 变换 
position = MVP * vertexPosition; 


FragmentShader.shader: 


// 输入 : VertexShader 输出 的 position、 经 过 光栅 化 程序 插值 后 的 该 片 元 对 应 的 position 
in float4 Position7 


// 输出 : 该 片 元 的 颜色 值 
out float4 fragColor; 


void main() { 
// 将 片 元 颜色 设 为 白色 
fageColeor = floatAa(lls 0 0 T1507 L809)3 
} 


上 述 伪 代 码 仅仅 是 简化 后 的 版 本 ， 当 演 染 的 模型 数目 、 需 要 调整 的 着 色 器 属性 不 断 增 多 时 ， 
上 述 过 程 将 变 得 更 加 复杂 和 元 长 。 而 且 ， 当 涉及 透明 物体 等 多 物体 的 泻 染 时 ， 如 果 没 有 编辑 器 的 
帮助 ， 我 们 要 非常 小 心 如 泻 染 顺序 等 问题 。 
Unity 的 出 现 改善 了 上 面 的 状况 。 它 提供 了 一 个 地 方 能 够 让 开发 者 更 加 轻松 地 管理 着 色 器 代 
码 以 及 演 染 设置 《如 开启 /关闭 混合 、 深 度 测 试 、 设 置 泻 染 顺序 等 )， 而 不 需要 像 上 面 的 伪 代 码 一 
样 ， 管 理 多 个 文件 和 函数 等 。Unity 提供 的 这 个 “方便 的 地 方 ” 就 是 Unity Shader。 


HO Shader 概述 


那么 如 何 充分 利用 Unity Shader 来 为 我 们 的 游戏 增光 添彩 呢 ? 
3.1.1 一 对 好 兄弟 材质 和 Unity Shader 


总 体 来 说 ， 在 Unity 中 我 们 需要 配合 使 用 材质 (Material) 和 Unity Shader 才能 达到 需要 的 效 
果 。 一 个 最 常见 的 流程 是 : 

(1) 创建 一 个 材质 ; 

(2) 创建 一 个 Unity Shader， 并 把 它 赋 给 上 一 步 中 创建 的 材质 ; 

(3) 把 材质 赋 给 要 演 染 的 对 象 ; 

(4) 在 材质 面板 中 调整 Unity Shader 的 属性 ， 以 得 到 满意 的 效果 。 
图 3.1 显示 了 Unity Shader 和 材质 是 如 何 一 起 工作 来 控制 物体 的 泻 染 的 。 


Unity Shader 


4 图 3.1 Unity Shader 和 材质 。 首 先 创建 需要 的 Unity Shader 和 材质 ， 然 后 把 Unity Shader 赋 给 材质 ， 并 在 材质 面板 上 
调整 属性 ( 如 使 用 的 纹理 、 漫 反射 系数 等 )。 最 后 ， 将 材质 赋 给 相应 的 模型 来 查看 最 终 的 泻 染 效果 

可 以 发 现 , Unity Shader 定义 了 演 染 所 需 的 各 种 代码 (如 顶点 着 色 器 和 片 元 着 色 器 )、 属 性 (如 
使 用 哪些 纹理 等 ) 和 指令 〈 演 染 和 标签 设置 等 )， 而 材质 则 允许 我 们 调节 这 些 属性 ， 并 将 其 最 终 赋 


材质 属性 


给 相应 的 模型 。 
3.1.2 Unity 中 的 材质 


Unity 中 的 材质 需要 结合 一 个 GameObject 的 Mesh 或 者 Particle Systems 组 件 来 工作 。 它 决定 
了 我 们 的 游戏 对 象 看 起 来 是 什么 样子 的 〈 这 当然 也 需要 Unity Shader 的 配合 )。 

为 了 创建 一 个 新 的 材质 ， 我 们 可 以 在 Unity 的 菜单 栏 中 选择 Assets -> Create -> Material 来 创 
建 ， 也 可 以 直接 在 Project 视图 中 右 击 -> Create -> Material 来 创建 。 当 创建 了 一 个 材质 后 ， 就 可 
以 把 它 赋 给 一 个 对 象 。 这 可 以 通过 把 材质 直接 拖 忠 到 Scene 视图 中 的 对 象 上 来 实现 ， 或 者 在 该 对 
象 的 Mesh Renderer 组 件 中 直接 赋值 ， 如 图 3.2 所 示 。 
在 Unity 5.x 版 本 中 ， 默 认 情况 下 ， 一 个 新 建 的 材质 将 使 用 Unity 内 置 的 Standard Shader， 这 

一 种 基于 物理 泻 染 的 着 色 器 ， 我 们 将 在 第 18 章 中 讲 到 。 

对 于 美术 人 员 来 说 ， 材 质 是 他 们 十 分 熟悉 的 一 种 事物 。Unity 的 材质 和 许多 建 模 软 件 〈 如 Cinema 
4D、Maya 等 ) 中 提供 的 材质 功能 类 似 ， 它 们 都 提供 了 一 个 面板 来 调整 材质 的 各 个 参数 。 这 种 可 视 化 
的 方法 使 得 开发 者 不 再 需要 自行 在 代码 中 设置 和 改变 演 染 所 需 的 各 种 参数 ， 如 图 3.3 所 示 。 


@ Inspector 本 
defaultMat 大 
Shader 【Chaptera/usingDefautNormal | 


Tiling 
E Moe Ff sg ~ Offset 
be Tag | Untagged | Layer [Defoutt WL Reflection Amount  —O——— |0. 


Model | Select 上 Revedt 2 J _ Open 4 
了 一 Transform a -ai 

Position Xx EE 5524@Y -16 | 9164 

Rotation XI0O | 

Scale X 0.7 ba CE 


7 Default (Mesh Filter) 二 


Mesh 闻 default 9 
.MMesh Renderer 新 
Cast Shadows oa st | 
Receive Shadows 
Materials 
Size 1 
Element 0 defaultMat © 
Use Light Probes 
Reflection Probes Blend Probes 
Anchor Override None (Transform) Bund| 
4 图 3.2 将 材质 直接 拖 蝶 胖 4 图 3.3 材质 提供 了 一 种 可 视 化 的 
模型 的 Mesh Renderer 组 件 中 方式 来 调整 着 色 器 中 使 用 的 参数 


单 击 图 标 “1” 可 变换 面板 中 使 用 的 基础 模型 种 类 ，Unity 支持 球 、 立 方 体 、 圆 
柱 体 等 多 种 基础 模型 ; 单 击 图 标 “2” 可 变换 面板 中 使 用 的 光照。 


3.1.3 Unity 中 的 Shader 


为 了 和 前 面 通用 的 Shader 语义 进行 区 分 ,我 们 把 Unity 中 的 Shader 文件 统称 为 Unity Shader。 
这 是 因为 ，Unity Shader 和 我 们 之 前 提 及 的 演 染 管线 的 Shader 有 很 大 不 同 , 我 们 会 在 3.6.2 节 中 进 
行 更 加 详细 的 解释 。 

为 了 创建 一 个 新 的 Unity Shader， 我 们 可 以 在 Unity 的 菜单 栏 中 选择 Assets -> Create -> Shader 来 
创建 , 也 可 以 直接 在 Project 视图 中 右 击 -> Create -> Shader 来 创建 。 在 Unity 5.2 及 以 上 版 本 中 , Unity 
一 共 提供 了 4 种 Unity Shader 模板 供 我 们 选择 一 一 Standard Surface Shader，Unlit Shader,， [Image Effect 
Shader 以 及 Compute Shader。 其 中 ，Standard Surface Shader 会 产生 一 个 包含 了 标准 光照 模型 (使 用 了 


提示 


Unity 5 中 新 添加 的 基于 物理 的 泻 染 方法 ， 详 见 第 18 章 ) 的 表面 着 色 器 模板 ，Unlit Shader 则 会 产生 一 


个 不 包含 光照 (但 包含 筋 效 ) 的 基本 的 顶点 / 片 元 着 色 器 ，Jmage Effect Shader 则 为 我 们 实现 各 种 屏幕 


型 


后 处 理 效果 《〈 详 见 第 12 章 ) 提供 了 一 个 基本 模板 。 最 后 ，Compute Shader 会 产 4 
文件 ， 这 类 Shader 则 在 利用 GPU 的 并 行 性 来 进行 一 些 与 常规 泻 染 流水 线 无 关 的 计算 ， 而 这 不 在 本 书 
的 讨论 范围 内 ， 读 者 可 以 在 Unity 手册 的 Compute Shader 一 文 (http://docs.unity3d.com/Manual/ 
ComputeShaders.html) 中 找到 更 多 的 介绍 。 总 体 来 说 ，Standard Surface Shader 为 我 们 提供 了 
四 着色 器 的 实现 方法 , 但 本 书 的 重点 在 于 如 何在 Unity 中 编写 顶点 / 片 元 着 色 器 , 因此 在 后 续 的 学 习 中 ， 


FE 一 种 特殊 的 Shader 


由 型 的 表 


我 们 通常 会 使 用 Unlit Shader 来 生成 一 个 基本 的 顶点 / 片 元 着 色 器 模板 。 


一 个 单独 的 Unity Shader 是 无 法 发 挥 任何 作 | 


的， 它 必须 和 材质 结合 起 来 ， 才 能 发 4 


的 
“化 学 反应 ”1 为 此 ， 我 们 可 以 在 材质 面板 最 上 方 的 下 拉 荣 单 中 选择 需要 使 用 的 Unity Shader。 当 
选择 完毕 后 ， 材 质 面板 中 就 会 出 现 该 Unity Shader 可 月 
浮 点 数 、 滑 动 条 《限制 了 范围 的 浮 点 数 )、 向 量 等 。 当 我 们 把 材质 赋 给 场景 中 的 一 个 对 象 时 ， 就 可 


以 看 到 调整 属性 所 发 生 的 视觉 变化 。 


Unity Shader 本 质 上 就 是 一 个 文本 文件 。 和 Unity ' 


-> bey 
EE 人 人 司 


导入 设置 (Import Settings) 面板 ， 在 Project 视图 


选 : 


版 本 中 ，Unity Shader 的 导入 设置 面板 如 图 3.4 所 示 。 


签 设置 ( 详 见 3.3.3 节 ) 有 关 ， 例 如 是 否 会 投射 阴影 、 使 用 的 泻 染 队列 、LOD 值 等 。 


的 各 种 属性 。 这 些 属性 可 以 是 颜色 、 纹 理 、 


的 很 多 外 部 文件 类 似 ，Unity Shader 也 有 
某 个 Unity Shader 即 可 看 到 。 在 Unity 5.2 


在 该 面板 上 ， 我 们 可 以 在 Default Maps 中 指定 该 Unity Shader 使 用 的 默认 纹理 。 当 任何 材质 
第 一 次 使 用 该 Unity Shader 时 , 这 些 纹理 就 会 自动 被 赋予 到 相应 的 属 ' 

会 显示 出 和 该 Unity Shader 相关 的 信息 , 例如 它 是 否 是 一 个 表面 着 色 器 (Surface Shader)、 
一 个 固定 函数 着 色 器 (Fixed Function Shader) 等 ， 还 


生 上 ,在 下 方 的 面板 中 , Unity 


日 天 日 
是 否 是 


有 一 些 信 息 是 和 我 们 在 Unity Shader 中 的 标 


对 于 表面 着 色 器 〈 详 见 3.4.1 节 ) 来 说 ， 我 们 可 以 通过 单 击 Show generated code 按钮 来 打开 


一 个 新 的 文件 ， 在 该 文件 里 将 显示 Unity 在 背后 为 该 表面 着 色 器 生成 的 顶点 / 片 元 着 色 器 。 这 可 以 


方便 我 们 对 这 些 生 成 的 代码 进行 修改 〈 需 要 复制 到 一 个 新 的 Unity Shader 中 才 可 保存 ) 和 研究 。 


同样 地 , 如 果 该 Unity Shader 是 一 个 固定 函数 着 色 器 ,有 


generated code 按钮 ， 来 让 我 们 查看 该 固定 函数 着 色 器 生成 t 


Re 


code 下 拉 列 表 可 以 让 开发 者 检查 该 Unity Shader 针对 不 同 图 


D3D11 等 ) 最 终 编 译 成 的 Shader 代码 ， 如 图 3.5 所 示 。 直 接 单 击 该 按钮 可 以 查看 生成 的 底层 的 汇 


编 指令 。 我 们 可 以 利用 这 些 代 码 来 分 析 和 优化 着 色 器 。 


@ Inspector FE 
| Custom/NewSurfaceShader Import Settir 次， 
3 [open... | 


Default Maps 
© Albedo (RGB) 


[ReverjLApph | 


Imported Object 


引 Custom/NewSurfaceShader 回 尖 , 


Surface shader Show generated code | 


Fixed 和 nction no 

Compiled code [Compile and show code | = | 
Cast shadows yes 

Render queue 2000 

LOD 200 


lgnore projector no 
Disable batching no 


Properties: 


-Color Color: Color 
-MainTex Texture: Albedo (RGB) 
_Glossiness Range: Smoothness 
—Metallic Range: Metallic 


4 图 3.4 Unity Shader 的 导入 设置 面板 


Imported Object 
5 〗 Custom/NewSurfaceShader 回头 , 
Surface shader | Show generated code | 
Fixed function no 
Compiled code Compile and show code | ~ 


Cast shadows Current graphics device 


Render queue Y Current build platform 
LoD All platforms 

。 Custom: 
lgnore projector OpenGL 
Disable batching v D3D9 
Properties: Y D3D11 

OpenCLES20 

oe D3D11_9x 
-MainTex OpenGLES30 
-Glossiness Metal 
_Metallic OpenCLCore 


Y Skip unused shader_features 


50 variants included | show | 


到 3.5 Compile and show code 下 拉 列 表 


E Fixed function 的 后 面 也 会 出 现 一 个 Show 
顶点 / 片 元 着 色 器 。Compile and show 
和 象 编程 接口 (例如 OpenGL、D3D9、 
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I 


除 此 之 外 ，Unity Shader 的 导入 面板 还 可 以 方便 地 查看 其 使 用 的 演 染 队列 (Render queue)、 
是 否 关 闭 批 处 理 (Disable batching )、 属 性 列表 〈Properties ) 等 信息 。 


32 | Unity Shader 的 基础 : ShaderlLab 


“计算 机 科学 中 的 任何 问题 都 可 以 通过 增加 一 层 抽象 来 解决 。” 一 一 大 卫 ， 惠 勒 

学 习 和 编写 着 色 器 的 过 程 一 直 是 一 个 学 习 曲 线 很 陡峭 的 过 程 。 通 常情 况 下 ， 为 了 自 定 义演 染 
效果 往往 需要 和 很 多 文件 和 设置 打交道 ， 这 些 过 程 很 容易 消磨 掉 初 学 者 的 耐心 。 而 且 ， 一 些 细节 
问题 也 往往 需要 开发 者 花费 较 多 的 时 间 去 解决 。 

Unity 为 了 解决 上 述 问题 ， 为 我 们 提供 了 一 层 抽 象 一 一 Unity Shader。 而 我 们 和 这 层 抽象 打 交 
道 的 途径 就 是 使 用 Unity 提供 的 一 种 专门 为 Unity Shader 服务 的 语言 一 一 ShaderLab。 


和 
和 


什么 是 ShaderLab? 


"ShaderLab is a friend you can afford." 一 一 尼古拉斯 。 弗朗西斯 (Nicholas Francis)，Unity 前 首 
席 运 营 官 《COO) 和 联合 创始 人 之 一 。 
Unity Shader 是 Unity 为 开发 者 提供 的 高 层级 的 演 染 抽象 层 。 图 3.6 显示 了 这 样 的 抽象 。Unity 
希望 通过 这 种 方式 来 让 开发 者 更 加 轻松 地 控制 泻 染 。 


根据 平台 选择 
不 同 的 图 像 编程 接口 
要 和 四 把 渲染 资源 
加 载 到 GPU 
sn @ 
和 三 设置 泻 染 状态 
对 渲染 顺序 使 用 ShaderLab 
进行 排序 


改 
顶点 二 。 
片 Unit 


A 图 3.6 Unity Shader 为 控制 泻 染 过 程 提供 了 抽象 。 如 果 没 有 使 用 Unity Shader ( 左 图 )， 开 发 者 需要 和 很 多 文件 和 
设置 打交道 ， 才 能 让 画面 呈现 出 想 要 的 效果 ; 而 在 Unity Shader 的 帮助 下 ( 右 图 )， 开 发 者 只 需要 使 用 ShaderLab 来 编写 
Unity Shader 文件 就 可 以 完成 所 有 的 工作 


在 Unity 中 ， 所 有 的 Unity Shader 都 是 使 用 ShaderLab 来 编写 的 。ShaderLab 是 Unity 提供 的 
编写 Unity Shader 的 一 种 说 明 性 语言 。 它 使 用 了 一 些 符 套 在 花 括 号 内 部 的 语义 〈syntax) 来 描述 
一 个 Unity Shader 文件 的 结构 。 这 些 结构 包含 了 许多 演 染 所 需 的 数据 , 例如 Properties 语句 块 中 定 
义 了 着 色 器 所 需 的 各 种 属性 ， 这 些 属 性 将 会 出 现在 材质 面板 中 。 从 设计 上 来 说 ，ShaderLab 类 似 
于 CgFX 和 Direct3D Effects(.FX) 语言 ， 它 们 都 定义 了 要 显示 一 个 材质 所 需 的 所 有 东西 ， 而 不 仅 
仅 是 着 色 器 代码 。 
一 个 Unity Shader 的 基础 结构 如 下 所 示 : 
Shader "ShaderName" 


Properties { 


// 属性 


SubShader { 


// 显卡 A 使 
} 
SubShader { 


的 子 着 色 器 


// 显卡 B 使 


} 


Fallback “VertexLit" 


} 


Unity 在 背后 会 根据 使 用 的 平台 来 把 这 些 结构 编译 成 真正 的 代码 和 Shader 文件 ， 而 开发 者 


需要 和 Unity Shader 打交道 即 可 。 


ER Unity Shader 的 结构 


等 。 这些 语义 定义 了 Unity Shader 的 结构 ， 从 而 帮助 Unity 分 析 该 Unity Shader 文件 
确 的 编译 。 在 下 面 ， 我 们 会 解释 这 些 基础 的 语义 含义 和 用 法 。 


3.3.1 给 我 们 的 Shader 起 个 名 字 


每 个 Unity Shade 


r 文件 的 第 一 行 都 需要 通过 Shader 


语义 来 指定 该 Unity Shader 的 名 字 。 这 个 名 字 由 一 个 字 
符 串 来 定义 ， 例 如 “MyShader”。 当 为 材质 选择 使 用 的 
Unity Shader 时 , 这 些 名 称 就 会 出 现在 材质 面板 的 下 拉 列 
表 里 。 通 过 在 字符 串 中 添加 斜 杜 (“/”)， 可 以 控制 Unity 
Shader 在 材质 面板 中 出 现 的 位 置 。 例 如 : 


| Shaqer "Custom/MyShader" { } 


那么 这 个 Unity Shader 在 材质 面板 中 的 位 置 就 是 : 
Shader -> Custom -> MyShader， 如 图 3.7 所 示 。 


3.3.2 ”材质 和 Unity Shader 的 桥梁 : Properties 


， 以 


并 


在 上 一 节 的 伪 代 码 中 我 们 见 到 了 一 些 ShaderLab 的 语义 ， 如 Properties、SubShader、Fallback 


便 进行 目 


| © Inspector CE 
二 ~ 
DE I J ShaderLabPropertiesMat 次 ， 
A Shader [Custom/MyShader 2) 
| * ShaderLabprope 
ShaderLabPrope and | 
Standard (Specular setup) 
UsingDefaultNormal FX 总 
GUI 有 
Vector Mobile > | 
X 2 因 Nature p 
2D OpenGL Cookbook p 
Particles p> 
Tiling Skybox > 
Offset Sprites p 
ul a 
es Unlit > 
Tiling Legacy Shaders p 
Offset 
3D e 
Tiling 
Offset 


在 Unity Shader 的 名 称 定 》 


来 组 织 厂 材质 昌 板 中 的 y 


A 图 3.7 
Properties 语义 块 中 包含 了 一 系列 属性 (property )， 斜 术 
这 些 属性 将 会 出 现在 材质 面板 中 。 
Properties 语义 块 的 定义 通常 如 下 : 
Properties { 
Name ("display name" PropertyType) = DefaultValue 
Name ("display name", PropertyType) = DefaultValue 


// 更 多 属性 
} 


开发 者 们 声明 这 


Shader 中 访问 它们 ， 就 需要 使 用 每 个 属性 
一 个 下 划 线 开始 。 显 示 的 名 称 (display name) 则 是 
属性 指定 它 的 类 型 (PropertyType)， 常 见 的 属性 


个 属性 指定 一 个 默认 值 
是 这 些 默认 值 。 


的 名 


上 的 名 字 。 我 们 需 


些 属性 是 为 了 在 材质 面板 中 能 够 方便 地 调整 各 种 材质 属性 。 如 果 我 们 需要 在 
的 名 字 (Name)。 在 Unity 中 ， 这 些 属性 
出 现在 材质 面板 J 
FE 类 型 如 表 3.1 所 示 。 除 此 之 外 ， 我 们 还 需要 为 每 
直 ， 在 我 们 第 一 次 把 该 Unity Shader 赋 给 某 个 材质 时 ， 材 质 面板 上 显示 的 就 


字 通 常 由 
对 要 为 每 个 
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表 3.1 Properties 语义 块 支持 的 属性 类 型 
属性 类 型 默认 值 的 定义 语法 例 子 

Int number _Int ("Int", Int) = 2 
Float number _Float ("Float", Float) = 1.5 
Range(min, max) number _Range("Range", Range(0.0, 5.0)) = 3.0 
Color (number,number,number,number) _Color ("Color", Color) = (1,1,1,1) 
Vector (number,number,number,number) _Vector ("Vector", Vector) = (2, 3, 6, 1) 
2D "defaulttexture" {} _2D ("2D", 2D)="" {} 
Cube "defaulttexture" {} _Cube ("Cube", Cube) = "white" {} 
3D "defaulttexture" {} _3D ("3D", 3D) = "black" {} 


对 于 Int、Float、Range 这 些 数字 类 型 的 属性 ， 其 默认 值 就 是 一 个 单独 的 数字 ; 对 于 Color 
和 Vector 这 类 属性 ， 默 认 值 是 用 圆 括 号 包围 的 一 个 四 维 向 量 ; 对 于 2D、Cube、3D 这 3 种 纹理 类 
型 ， 默 认 值 的 定义 稍微 复杂 ， 它 们 的 默认 值 是 通过 一 个 字符 串 后 跟 一 个 花 括 号 来 指定 的 ， 其 中 ， 
字符 串 要 么 是 空 的 ， 要 么 是 内 置 的 纹理 名 称 ， 如 “white”“black”“gray” 或 者 “bump”。 花 括号 
的 用 处 原本 是 用 于 指定 一 些 纹理 属性 的 ， 例 如 在 Unity 5.0 以 前 的 版 本 中 ， 我 们 可 以 通过 TexGen 
CubeReflect、TexGen CubeNormal 等 选项 来 控制 固定 管线 的 纹理 坐标 的 生成 。 但 在 Unity 5.0 以 
后 的 版 本 中 ， 这 些 选 项 被 移 除 了 ， 如 果 我 们 需要 类 似 的 功能 ， 就 需要 自己 在 顶点 着 色 器 中 编写 计 
算 相 应 纹理 坐标 的 代码 。 

下 面 的 代码 给 出 了 一 个 展示 所 有 属性 类 型 的 例子 : 


Shader "Custom/ShaderLabPropeFties { 
Properties { 
// Numbers and Sliders 
Int ("Int", Int)™e 2 


Float. ("FELoOat, FEOdmwE |.5 
_Range ("Range", Range(0.0, 5.0)) = 3.0 
// Colors and Vectors 
CoOLFOr ‘(COLOr™, CoFor)y:= (ly ly lr) 
.VEGtOL ("VECtOr "VECtOr) 二 
// Textures 
_2D ("2D", 22D) = ™™ {} 
_Cube. ("Cube"; Cube) = white {} 
_3D ("3D", 3D) = "black" {} 

} 


@ Inspector | FE 
FallBack "Diffuse" shaderlabpropertiesMat 加 条 
} et 

村 3 

图 3.8 给 出 了 上 述 代码 在 材质 面板 中 的 显示 结果 。 Kare a 
有 时 ， 我 们 想 要 在 材质 面板 上 显示 更 多 类 型 的 变量 ， 例 如 使 用 。 Se 
布尔 变量 来 控制 Shader 中 使 用 哪 种 计算 。Unity 允许 我 们 重 载 默认 的 四 
材质 编辑 面板 ， 以 提供 更 多 自 定义 的 数据 类 型 。 我 们 在 本 书 资源 的 材 Be 一 
质 Assets -> Materials -> Chapter3 -> RediyMat 中 提供 了 这 样 一 个 简 
单 的 例子 ， 这 个 例子 参考 了 官方 手册 的 Custom Shader GUI 一 文 Sr 二 
(http://docs.unity3d.com/Manual/SL-CustomShaderGUI.html) 中 的 代码 。 这 Fs 
为 了 在 Shader 中 可 以 访问 到 这 些 属性 ， 我 们 需要 在 CG 代码 片 ”| ons oo 性 


中 定义 和 这 些 属性 类 型 相 匹配 的 变量 。 需 要 说 明 的 是 ， 即 使 我 们 不 “图 38 不 同属 性 类 型 在 材质 
在 Properties 语义 块 中 声明 这 些 属性 , 也 可 以 直接 在 CG 代码 片 中 定 a 
义 变量 。 此 时 ， 我 们 可 以 通过 脚本 向 Shader 中 传递 这 些 属性 。 因 此 ，Properties 语义 块 的 作用 仅 


仅 是 为 了 让 这 些 属 性 可 以 出 现在 材质 面板 中 。 


3.3.3 ”重量 级 成 员 : SubShader 


每 一 个 Unity Shader 文件 可 以 包含 多 个 SubShader 语义 块 , 但 最 少 要 有 一 个 。 当 Unity 需要 加 
载 这 个 Unity Shader 时 ，Unity 会 扫描 所 有 的 SubShader 语义 块 ， 然 后 选择 第 一 个 能 够 在 目标 平台 
上 运行 的 SubShader。 如 果 都 不 支持 的 话 ，Unity 就 会 使 用 Fallback 语义 指定 的 Unity Shader。 
Unity 提供 这 种 语义 的 原因 在 于 ， 不 同 的 显卡 具有 不 同 的 能 力 。 例 如 ， 一 些 旧 的 显卡 仅 能 支 
持 一 定数 目的 操作 指令 ， 而 一 些 更 高 级 的 显卡 可 以 支持 更 多 的 指令 数 ， 那 么 我 们 希望 在 旧 的 显卡 
上 使 用 计算 复杂 度 较 低 的 着 色 器 ， 而 在 高 级 的 显卡 上 使 用 计算 复杂 度 较 高 的 着 色 器 ， 以 便 提供 更 
出 色 的 画面 。 

SubShader 语义 块 中 包含 的 定义 通常 如 下 : 
| SubShader { 


// 可 选 的 
[Tags] 


// 可 选 的 
[RenderSetup] 


Pass { 


} 
// Other Passes 


} 


SubShader 中 定义 了 一 系列 Pass 以 及 可 选 的 状态 〈[RenderSetup]) 和 标签 〈[Tags]) 设置 。 每 个 
Pass 定义 了 一 次 完整 的 演 染 流程 ， 但 如 果 Pass 的 数目 过 多 ， 往 往 会 造成 演 染 性 能 的 下 降 。 因 此 ， 我 
们 应 尽量 使 用 最 小 数目 的 Pass。 状 态 和 标签 同样 可 以 在 Pass 声明 。 不同 的 是 ，SubShader 中 的 一 些 标 
签 设置 是 特定 的 。 也 就 是 说 ， 这 些 标签 设置 和 Pass 中 使 用 的 标签 是 不 一 样 的 。 而 对 于 状态 设置 来 说 ， 
其 使 用 的 语法 是 相同 的 。 但 是 ， 如 果 我 们 在 SubShader 进行 了 这 些 设置 ， 那 么 将 会 用 于 所 有 的 Pass。 

。 状态 设置 

ShaderLab 提供 了 一 系列 泻 染 状态 的 设置 指令 ， 这 些 指令 可 以 设置 显卡 的 各 种 状态 ， 例 如 是 


否 开局 混合 /深度 测试 等 。 表 3.2 给 出 了 ShaderLab 中 常见 的 演 染 状态 设置 选项 。 
表 3.2 常见 的 泻 染 状态 设置 选项 
状态 名 称 设置 指令 解 释 
i Cull Back | Front | of rh 除 模式 : 吻 除 背面 /正面 /关闭 
ZTest ZTest Less Greater | LEqual | GEqual | Equal | NotEqual | Always | 设置 深度 测试 时 使 用 的 函数 
ZWrite ZWrite On | Off 开启 /关闭 深度 写 入 
Blend Blend SrcFactor DstFactor 启 并 设置 混合 模式 
当 在 SubShader 块 中 设置 了 上 述 演 染 状态 时 , 将 会 应 用 到 所 有 的 Pass。 如 果 我 们 不 想 这 样 ( 例 
如 在 双 面 泻 染 中 ， 我 们 希望 在 第 一 个 Pass 中 剔除 正面 来 对 背面 进行 泻 染 ， 在 第 二 个 Pass 中 剔除 


背面 来 对 正面 进行 泻 染 )， 可 以 在 Pass 语义 块 中 单独 进行 上 图 

。 SubShader 的 标签 

SubShader 的 标签 〈Tags) 是 一 个 键 值 对 (Key/Value Pair)， 它 的 键 和 值 都 是 字符 串 类 型 。 这 
些 键 值 对 是 SubShader 和 泻 染 引擎 之 间 的 沟通 桥梁 。 它 们 用 来 告诉 Unity 的 泻 染 引 擎 : SubShader 
我 希望 怎样 以 及 何 时 泻 染 这 个 对 象 。 

标签 的 结构 如 下 : 


的 设置 。 
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| Tags { "TagNamel" = "Valuel" "TagName2" = "Value2" } 


SubShader 的 标签 块 支持 的 标签 类 型 如 表 3.3 所 示 。 


表 3.3 SubShader 的 标签 类 型 
标签 类 型 说 明 例 子 


控制 渲染 顺序 ， 指 定 该 物体 属于 哪 一 个 演 染 队列 ， 通 
过 这 种 方式 可 以 保证 所 有 的 透明 物体 可 以 在 所 有 不 透 
明 物 体 后 面 被 演 染 ( 详 见 第 8 章 ), 我 们 也 可 以 自 定义 
使 用 的 泻 染 队列 来 控制 物体 的 泻 染 顺序 


对 着 色 器 进行 分 类 ， 例 如 这 是 一 个 不 透明 的 着 色 器 ， 
RenderType 或 是 一 个 透明 的 着 色 器 等 。 这 可 以 被 用 于 着 色 器 蔡 换 | Tags { "RenderType" = "Opaque'" } 
(Shader Replacement) 功能 


一 些 SubShader 在 使 用 Unity 的 批 处 理 功能 时 会 出 现 问 


Tags { "Queue" = "Transparent" } 


本 题 ， 例 如 使 用 了 模型 空间 下 的 坐标 进行 顶点 动画 《〈 详 i i 
DisableBatching 见 11.3 节 ), 这 时 可 以 通过 该 标 签 来 直接 指明 是 否 对 该 Tags { "DisableBatching" = "True" } 
SubShader 使 用 批 处 理 
丛生 | 侍 。 有 .示人 十 KE 月 明 2 【 府 nr 让 a 
ForceNoShadowCasting 控制 使 该 SubShader 的 物体 是 否 会 投射 阴影 〈 详 见 Tags { ForceNoShadowCasting 
8.4 方 ) True" } 
IgnoreProjector 如 果 该 标签 值 为 “True”， 那 么 使 用 该 SubShader 的 物 Tags { "IgnoreProjector" = "True" } 
SS 体 将 不 会 受 Projector 的 影响 。 通 常用 于 半 透 明 物 体 ee 
当 该 是 用 于 精 ; ites ) 时 ， 将 该 标签 设 
CanUseSpriteAtlas 当 该 SubShader 是 用 于 精灵 (sprites》 时 ， 将 该 标签 设 Tags { "CanUseSpriteAtlas" = "False" } 


为 “False” 


间 明 材质 面板 将 如 何 预 览 该 材质 。 默 认 情况 下 ， 材 质 
PreviewType 将 显示 为 一 个 球形 7 我们 可 以 通过 把 该 标签 的 值 设 为 | Tags { "PreviewType" = "Plane" } 
“Plane”“ SKYBox” 来 改变 预览 类 型 


! 体 的 标签 设置 我 们 会 在 本 书后 面 的 章节 中 讲 到 。 
需要 注意 的 是 ， 上 述 标 签 仅 可 以 在 SubShader 中 声明 ， 而 不 可 以 在 Pass 块 中 声明 。Pass 块 虽 
然 也 可 以 定义 标签 ， 但 这 些 标签 是 不 同 于 SubShader 的 标签 类 型 。 这 是 我 们 下 面 将 要 讲 到 的 。 

。 Pass 语义 块 

Pass 语义 块 包含 的 语义 如 下 : 


Pass { 
[Name] 
[Tags] 
[RenderSetup] 
// Other code 


首先 ， 我 们 可 以 在 Pass 中 定义 该 Pass 的 名 称 ， 例 如 : 


| Name "MyPassName" 


通过 这 个 名 称 ， 我 们 可 以 使 用 ShaderLab 的 UsePass 命令 来 直接 使 用 其 他 Unity Shader 中 的 
Pass。 例 如 : 
‖ UsePass "MyShader/MYPASSNAME" 

这 样 可 以 提高 代码 的 复 用 性 。 需 要 注意 的 是 ， 由 于 Unity 内 部 会 把 所 有 Pass 的 名 称 转换 成 大 
写字 母 的 表示 ， 因 此 ， 在 使 用 UsePass 命令 时 必须 使 用 大 写 形式 的 名 字 。 
其 次 ， 我 们 可 以 对 Pass 设置 演 染 状态 。SubShader 的 状态 设置 同样 适用 于 Pass。 除 了 上 面 提 
到 的 状态 设置 外 ， 在 Pass 中 我 们 还 可 以 使 用 固定 管线 的 着 色 器 ( 详 见 3.4.3 节 ) 命令 。 

Pass 同样 可 以 设置 标签 ， 但 它 的 标签 不 同 于 SubShader 的 标签 。 这 些 标签 也 是 用 于 告诉 演 染 


引擎 我 们 希望 怎样 来 泻 染 该 物体 。 表 3.4 给 出 了 Pass 中 使 用 的 标签 类 型 。 


表 3.4 Pass 的 标签 类 型 
标签 类 型 说 明 例 汪 - 
LightMode 定义 该 Pass 在 Unity 的 泻 染 流水 线 中 的 角色 Tags { "LightMode" = "ForwardBase" } 


于 指定 当 满 足 某 些 条 件 时 才 演 染 该 Pass， 它 的 值 是 一 个 
RequireOptions 1 空格 分 隔 的 字符 串 。 目 前 ，Unity 支持 的 选项 有 : | Tags { "RequireOptions" = "SoftVegetation" } 
SoftVegetation。 在 后 面 的 版 本 中 ， 可 能 会 增加 更 多 的 选项 
除了 上 面 普通 的 Pass 定义 外 ，Unity Shader 还 支持 一 些 特殊 的 Pass， 以 便 进行 代码 复 用 或 实 
现 更 复杂 的 效果 。 
。 UsePass: 如 我 们 之 前 提 到 的 一 样 ， 可 以 使 用 该 命令 来 复 用 其 他 Unity Shader 中 的 Pass; 
。 GrabPass: 该 Pass 负责 抓 取 屏幕 并 将 结果 存储 在 一 张 纹理 中 , 以 用 于 后 续 的 Pass 处 理 ( 详 
见 10.2.2 节 )。 
如 果 读 者 对 上 述 出 现 的 某 些 定义 和 名 词 无 法 理解 ， 也 不 要 担心 。 在 本 书后 面 的 章节 中 ， 我 们 
会 对 这 些 内 容 进 行 更 加 深入 的 讲解 。 


3.3.4 留 一 条 后 路 ;Fallback 


紧 跟 在 各 个 SubShader 语义 块 后 面 的 ， 可 以 是 一 个 Fallback 指令 。 它 用 于 告诉 Unity, “如果 
上 面 所 有 的 SubShader 在 这 块 显卡 上 都 不 能 运行 ， 那 么 就 使 用 这 个 最 低级 的 Shader 吧 !” 

它 的 语义 如 下 : 

Fallback "name" 

// 或 者 

Fallback Off 

如 上 所 述 ， 我们 可 以 通过 一 个 字符 串 来 告诉 Unity 这 个 “最 低级 的 Unity Shader” 是 谁 。 我 们 
也 可 以 任性 地 关闭 Fallback 功能 ， 但 一 旦 你 这 么 做 ， 你 的 意思 大 概 就 是 :“ 如 果 一 块 显 卡 跑 不 了 
上 面 所 有 的 SubShader， 那 就 不 要 管 它 了 !” 

下 面 给 出 了 一 个 使 用 Fallback 语句 的 例子 : 


| Fallback "VertexLit" 

事实 上 ，Fallback 还 会 影响 阴影 的 投射 。 在 演 染 阴影 纹理 时 ，Unity 会 在 每 个 Unity Shader ! 
寻找 一 个 阴影 投射 的 Pass。 通 常情 况 下， 我 们 不 需要 自己 专门 实现 一 个 Pass， 这 是 因为 Fallback 
使 用 的 内 置 Shader 中 包含 了 这 样 一 个 通用 的 Pass。 因 此 ， 为 每 个 Unity Shader 正确 设置 Fallback 
是 非常 重要 的 。 更 多 关于 Unity 中 阴影 的 实现 ， 可 以 参见 9.4 节 。 


3.3.5 _ ShaderLab 还 有 其 他 的 语义 吗 


除了 上 述 的 语义 ， 还 有 一 些 不 常用 到 的 语义 。 例 如 ， 如 果 我 们 不 满足 于 Unity 内 置 的 属 
型 ， 想 要 自 定义 材质 面板 的 编辑 界面 ， 就 可 以 使 用 CustomEditor 语义 来 扩展 编辑 界面 。 我 们 
以 使 用 Category 语义 来 对 Unity Shader 中 的 命令 进行 分 组 。 由 于 这 些 命 令 很 少 用 到 ， 本 书 将 
进行 深入 的 讲解 。 


放下 Unity Shader 的 形式 


在 上 面 , 我 们 讲 了 Unity Shader 文件 的 结构 以 及 ShaderLab 的 语法 。 尽 管 Unity Shader 可 以 做 
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的 事情 非常 多 (例如 设置 演 染 状态 等 ), 但 其 最 重要 的 任务 还 是 指定 各 种 着 色 器 所 需 的 代码 。 这 些 
着 色 器 代码 可 以 写 在 SubShader 语义 块 中 (表面 着 色 器 的 做 法 )， 也 可 以 写 在 Pass 语义 块 中 〈 顶 
点 / 片 元 着 色 器 和 固定 函数 着 色 器 的 做 法 )。 
在 Unity 中 ， 我 们 可 以 使 用 下 面 3 种 形式 来 编写 Unity Shader。 而 不 管 使 用 哪 种 形式 ， 真 了 
义 上 的 Shader 代码 都 需要 包含 在 ShaderLab 语义 块 中 ， 如 下 所 示 : 


Shader "MyShader™ { 
Properties 


{ 
// 所 需 的 各 种 属性 


| 


// 真正 意义 上 的 Shader 代码 会 出 现在 这 里 
// 表面 着 色 器 ( Surface Shader ) 或 者 
// 顶点 / 片 元 着 色 器 ( Vertex/Fragment Shader ) 或 者 
// 固定 函数 着 色 器 ( Fixed Function Shader ) 


SubShader 
// 和 上 一 个 SubsShader 类 似 


} 
} 


3.4.1 Unity 的 宠儿 : 表面 着 色 器 


表面 着 色 器 (Surface Shader) 是 Unity 自己 创造 的 普 色 器 代码 类 型 。 它 需要 的 代码 量 很 
少 ，Unity 在 背后 做 了 很 多 工作 ， 但 泻 染 的 代价 比较 大 。 它 在 本 质 上 和 下 面 要 讲 到 的 顶点 / 片 元 着 
色 器 是 一 样 的 。 也 就 是 说 ， 当 给 -Uiiity- 提 供 一 个 表面 着 色 器 的 时 候 ， 它 在 背后 仍旧 把 它 转换 成 对 
应 的 顶点 / 片 元 着 色 器 。 我们 可 以 理解 成 , 表面 着 色 器 是 Unity 对 顶点 / 片 元 着 色 器 的 更 高 一 层 的 提 
象 。 它 存在 的 价值 在 于 ，Unity 为 我 们 人 处 理 了 很 多 光照 细节 ， 使 得 我 们 不 需要 再 操心 这 些 “ 烦 人 
的 事情 ” 

一 个 非常 简单 的 表面 着 色 器 示例 代码 如 下 : 


Shader "Custom/Simple Surface Shader™ { 
SubShader { 

Tags { "RenderType" = "Opaque" } 

CGPROGRAM 

pragma surface surf Lambert 

struct Input { 

float4 color : COLOR; 
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void surf (Input IN, inout SurfaceOutput o) { 
o.Albedo = 1; 


ENDCG 

} 
Fallback "Diffuse" 
y 


从 上 述 程序 中 可 以 看 出 ， 表 面 着 色 器 被 定义 在 SubShader 语义 块 (而 非 Pass 语义 块 ) 中 的 
CGPROGRAM 和 ENDCG 之 间 。 原 因 是 ， 表 面 着 色 器 不 需要 开发 者 关心 使 用 多 少 个 Pass、 每 个 
Pass 如 何 泻 染 等 问题 ，Unity 会 在 背后 为 我 们 做 好 这 些 事情 。 我 们 要 做 的 只 是 告诉 它 :“ 嘿 ， 使 
j 这 些 纹理 去 填充 颜色 ， 使 用 这 个 法 线 纹理 去 填充 法 线 ， 使 用 Lambert 光照 模型 ， 其 他 的 不 要 
来 烦 我 !”。 

CGPROGRAM 和 ENDCG 之 间 的 代码 是 使 用 CG/HLSL 编写 的 ， 也 就 是 说 ， 我 们 需要 把 
CG/HLSL 语言 嵌 套 在 ShaderLab 语言 中 。 值 得 注意 的 是 ， 这 里 的 CG/HLSL 是 Unity 经 封装 后 提 
供 的 ， 它 的 语法 和 标准 的 CG/HLSL 语法 几乎 一 样 ， 但 还 是 有 细微 的 不 同 ， 例 如 有 些 原生 的 函数 
和 用 法 Unity 并 没有 提供 支持 。 


op 
Sn 


3.4.2 ”最 聪明 的 孩子 : 顶点 / 片 元 着 色 器 


在 Unity 中 我 们 可 以 使 用 CG/HLSL 语言 来 编写 顶点 / 片 元 着 色 器 (Vertex/Fragment Shader )。 
它们 更 加 复杂 ， 但 灵活 性 也 更 高 。 
一 个 非常 简单 的 顶点 / 片 元 着 色 器 示例 代码 如 下 : 


Shader "Custom/Simple VertexFragment Shaqer" { 
SubShader { 
Pass { 
CGPROGRAM 


pragma vertex vert 
pragma fragment frag 


float4 vert (float4 v : POSITION) : SV_ POSITION { 
return mul (UNITY MATRIX MVP, VvV); 


fixed4 frag() : SV Target { 
return fixed4(1.0,0.0,0.0,1.0); 


ENDCG 


和 表面 着 色 器 类 似 ， 顶 点 / 片 元 着 色 器 的 代码 也 需要 定义 在 CGPROGRAM 和 ENDCG 之 间 ， 
但 不 同 的 是 ， 顶点/ 片 元 着 色 器 是 写 在 Pass 语义 块 内 ,而 非 SubShader 内 的 。 原因 是 ,我 们 需要 
己 定义 每 个 Pass 需要 使 用 的 Shader 代码 。 虽 然 我 们 可 能 需要 编写 更 多 的 代码 ， 但 带 来 的 好 处 是 
灵活 性 很 高 。 更 重要 的 是 , 我 们 可 以 控制 演 染 的 实现 细节 。 同样 , 这 里 的 CGPROGRAM 和 ENDCG 
之 间 的 代码 也 是 使 用 CG/HLSL 编写 的 。 


3.4.3 被 抛弃 的 角落 : 固定 函数 着 色 器 


上 面 两 种 Unity Shader 形式 都 使 用 了 可 编程 管线 。 而 对 于 一 些 较 旧 的 设备 (其 GPU 仅 支 持 
DirectX 7.0、OpenGL 1.5 或 OpenGL ES 1.1)， 例 如 Phone 3， 它 们 不 支持 可 编程 管线 着 色 器 ， 因 
此 ， 这 时 候 我 们 就 需要 使 用 固定 函数 着 色 器 (Fixed Function Shader) 来 完成 泻 染 。 这 些 着 色 器 
往往 只 可 以 完成 一 些 非常 简单 的 效果 。 

一 个 非常 简单 的 固定 函数 着 色 器 示例 代码 如 下 : 


Shader "Tutorial/Basic" { 
Properties { 
CoEor ("Main CoLor" “Coor) =, (1p0 07 05 1) 


型 


: 


} 
SubShader { 
Pass { 
Material { 
Diffuse [ _ Color] 
} 
Lighting On 


} 

可 以 看 出 ， 国 定 函 数 着 色 器 的 代码 被 定义 在 Pass 语义 块 中 ， 这 些 代码 相当 于 Pass 中 的 一 些 
演 染 设置 ， 正 如 我 们 之 前 在 3.3.3 节 中 提 到 的 一 样 。 

对 于 固定 函数 着 色 器 来 说 ， 我 们 需要 完全 使 用 ShaderLab 的 语法 (即使 用 ShaderLab 的 演 染 
设置 命令 ) 来 编写 ， 而 非 使 用 CG/HLSL。 
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由 于 现在 绝 大 多 数 GPU 都 支持 可 编程 的 演 染 管线 ， 这 种 固定 管线 的 编程 方式 已 经 逐渐 被 抛 
弃 。 实际 上 ,在 Unity 5.2 中 ， 所 有 固定 函数 着 色 器 都 会 在 背后 被 Unity 编译 成 对 应 的 顶点 / 片 元 着 
色 器 ， 因 此 真正 意义 上 的 固定 函数 着 色 器 已 经 不 存在 了 。 


3.4.4 选择 哪 种 Unity Shader 形式 


那么 ， 我 们 究竟 选择 哪 一 种 来 进行 Unity Shader 的 编写 呢 ? 这 里 给 出 了 一 些 建议 。 

。 除非 你 有 非常 明确 的 需求 必须 要 使 用 固定 函数 着 色 器 ,例如 需要 在 非常 旧 的 设备 上 运行 你 
的 游戏 (这 些 设备 非常 少见 )， 否 则 请 使 用 可 编程 管线 的 着 色 器 ， 即 表面 着 色 器 或 顶点 / 
片 元 着 色 器 。 

。 如 果 你 想 和 各 种 光源 打交道 , 你 可 能 更 喜欢 使 用 

性 能 表现 。 

。 如 果 你 需要 使 用 的 光照 数目 非常 少 ， 例 如 只 有 一 个 平行 光 ， 那 么 使 用 顶点 / 片 元 着 色 器 是 
一 个 更 好 的 选择 。 

。 最 重要 的 是 ， 如 果 你 有 很 多 自 定义 的 演 染 效果 ， 那 么 请 选择 顶点 / 片 元 着 色 器 。 


ED 本 书 使 用 的 Unity Shader 形式 


本 书 的 目的 不 仅 在 于 教 给 读者 如 何 使 用 Unity Shader， 更 重要 的 是 想 要 让 读者 掌握 演 染 背后 
的 原理 。 仅仅 了 解 高 层 抽 象 虽然 可 能 会 暂时 使 工作 简化 , 但 从 长 久 来 看 “ 知 其 然而 不 知 其 所 以 然 ” 
所 带 来 的 影响 更 加 深远 。 

因此 , 在 本 书 接 下 来 的 内 容 中 ,我 们 将 着 重 人 
于 表面 着 色 器 来 说 ,我 们 会 在 本 书 的 第 17 刀 


ED 答疑 解 惑 


管 在 之 前 的 内 容 中 涵盖 了 很 多 基础 内 容 ， 这 里 仍 给 出 一 些 初 学 者 常见 的 困惑 之 处 ， 并 给 予 
we 


3.6.1 Unity Shader != 真正 的 Shader 


要 读者 注意 的 是 ，Unity Shader 并 不 等 同 于 第 2 章 中 所 讲 的 Shader， 尽 管 Unity Shader 翻译 
过 来 就 是 Unity 着 色 器 。 在 Unity 里 ，Unity Shader 实际 上 指 的 就 是 一 个 ShaderLab 文件 一 一 硬盘 
上 以 .shader 作为 文件 后 缀 的 一 种 文件 。 
在 Unity Shader〔 或 者 说 是 ShaderLab 文件 ) 里 


| 


wir 


外 着 色 嚣 , 但 需要 小 心 它 在 移动 平台 的 


oT 


月 
进 


LD 


顶点 / 片 元 着 色 器 来 进行 Unity Shader 的 编写 。 
削 析 , 读者 可 以 在 那里 找到 更 多 的 学 习 内 容 。 


， 六 


一 仆 
人 


我 们 可 以 做 的 事情 远 多 于 一 个 传统 意义 上 的 


Shader。 

。 在 传统 的 Shader 中 ， 我 们 仅 可 以 编写 特定 类 型 的 Shader， 例 如 顶点 着 色 器 、 片 元 着 色 器 
等 。 而 在 Unity Shader 中 ， 我 们 可 以 在 同一 个 文件 里 同时 包含 需要 的 顶点 着 色 器 和 片 元 着 
色 器 代码 。 

。 在 传统 的 Shader 中 ， 我 们 无 法 设置 一 些 泻 染 设置 ， 例 如 是 否 开启 混合 、 深 度 测试 等 ， 这 


些 是 开发 者 在 另外 的 代码 中 自行 设置 的 。 而 在 Unity Shader 中 ,我 们 通过 一 行 特定 的 指令 
就 可 以 完成 这 些 设置 。 
。 在 传统 的 Shader 中 ， 我 们 需要 编写 元 长 的 代码 来 设置 着 色 器 的 输入 和 输出 ， 要 小 心地 处 
时 这 些 输入 输出 的 位 置 对 应 关系 等 。 而 在 Unity Shader 中 , 我 们 只 需要 在 特定 语句 块 中 声 


丢 


明 一 些 属性 ， 就 可 以 依靠 材质 来 方便 地 改变 这 些 属 性 。 而 且 对 于 模型 自 带 的 数据 〈 如 顶点 


位 置 、 纹 理 坐 标 、 法 线 等 )，Unity Shader 也 提供 了 直接 访问 的 方法 ， 不 需要 开发 者 自行 


编码 来 传 给 着 色 器 。 


当然 ，Unity Shader 除了 上 述 这 些 优点 外 ， 也 有 一 些 缺 点 。 由 于 Unity Shader 的 高 度 封装 性 ， 
我 们 可 以 编号 的 Shader 类 型 和 语法 都 被 限制 了 。 对 于 一 些 类 型 的 Shader， 例 如 曲面 细 分 着 色 器 
(Tessellation Shader)、 几 何 着 色 器 (Geometry Shader) 等 ，Unity 的 支持 就 相对 差 一 些 。 例 如 ， 
Unity 4.x 仅 在 DirectX 11 平台 下 提供 曲面 细 分 着 色 器 、 几 何 着 色 器 的 相关 功能 ， 而 对 于 OpenGL 
平台 则 没有 这 些 支 持 。 除 此 之 外 ， 一 些 高 级 的 Shader 语法 Unity Shader 也 不 支持 。 

可 以 说 ，Unity Shader 提供 了 一 种 让 开发 者 同时 控制 泻 染 流水 线 中 多 个 阶段 的 一 种 方式 ， 不 
仅仅 是 提供 Shader 代码 。 作 为 开发 者 而 言 ， 我 们 绝 大 部 分 时 候 只 需要 和 Unity Shader 打交道 ， 而 


不 需要 关心 泻 染 引擎 底层 的 实现 细节 。 


3.6.2 Unity Shader 和 CG/HLSL 之 间 的 关系 


正如 我 们 之 前 所 讲 ，Unity Shader 是 用 ShaderLab 语言 编写 的 ， 但 对 于 表面 着 色 器 和 顶点 / 片 


元 着 色 器 ,我们 可 以 在 ShaderLab 内 部 肉 套 CG/HLSL 语言 来 编写 这 些 着 色 器 代码 ,这 些 CG/HLSL 


代码 是 嵌 套 在 CGPROGRAM 和 EVDCG 之 间 的 , 正如 我 们 之 前 看 到 的 示例 代码 一 样 。 由 于 CG 和 
DX9 风格 的 HLSL 从 写法 上 来 说 几乎 是 同一 种 语言 ， 因 此 在 Unity 里 CG 和 HLSL 是 等 价 的 。 我 


们 可 以 说 ，CG/HLSL 代码 是 区 别 于 ShaderLab 的 另 一 个 世界 。 
通常 ，CG 的 代码 片段 是 位 于 Pass 语义 块 内 部 的 ， 如 下 所 示 : 


Pass { 
// Pass 的 标签 和 状态 设置 


CGPROGRAM 

// 编译 指令 ， 例 如 : 
#pragma vertex vert 
#pragma fragment frag 


// CG 代码 


读者 可 能 会 有 疑问 :“ 之 前 不 是 说 在 表面 着 色 器 中 ，CG/HLSL 代码 是 写 在 SwbShader 语义 块 内 
吗 ? 而 不 是 Pass 块 内 。” 的 确 ， 在 表面 着 色 器 中 ，CG/HLSL 代码 是 写 在 SubShader 语义 块 内 ， 但 是 


读者 应 该 还 记得 , 表面 着 色 器 在 本 质 上 就 是 顶点 / 片 元 着 色 器 , 它们 看 起 来 4 
是 Unity 在 顶点 / 片 元 着 色 器 上 层 为 开发 者 提供 的 一 层 抽象 封装 ， 但 在 背后 


民 不 像 是 因为 表面 着 色 器 
，Unity 还 是 会 把 它 转化 


成 一 个 包含 多 Pass 的 顶点 / 片 元 着 色 器 。 我 们 可 以 在 Unity Shader 的 导入 设置 面板 中 单 击 Show 
generated code 按钮 来 查看 生成 的 真正 的 顶点 / 片 元 着 色 器 代码 。 可 以 说 , 从 本 质 上 来 讲 , Unity Shader 


也 会 在 背后 被 转化 成 项 点 / 片 元 着 色 器 ， 因 此 从 本 质 上 来 说 Unity 中 只 存在 


只 有 两 种 形式 : 顶点/ 片 元 着 色 器 和 固定 函数 着 色 器 〈 在 Unity 5.2 以 后 的 版 本 中 ， 固 定 函数 着 色 器 
顶点 / 片 元 着 色 器 )。 


在 提供 给 编程 人 员 这 些 便利 的 背后 ，Unity 编辑 器 会 把 这 些 CG 片段 


有 译 成 低级 语言 ， 如 汇编 


语言 等 。 通常 ，Unity 会 自动 把 这 些 CG 片段 编译 到 所 有 相关 平台 (这 里 的 平台 是 指 不 同 的 泻 染 平 


台 ， 例 如 Direct3D 9、OpenGL、Direct3D 11、OpenGL ES 等 ) 上 。 这 些 编译 过 程 比 较 复杂 ，Unity 


会 使 用 不 同 的 编译 器 来 把 CG 转换 成 对 应 平台 的 代码 。 这 样 就 不 会 在 切换 平台 时 再 重新 编译 ， 而 


且 如 果 代 码 在 某 些 平台 上 发 生 错 误 就 可 以 立刻 得 到 错误 信息 。 


正如 在 3.1.3 节 中 看 到 的 一 样 , 我 们 可 以 在 Unity Shader 的 导入 设置 证 


板 上 查看 这 些 编译 后 的 
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代码 ， 查 看 这 些 代码 有 助 于 进行 Debug 或 优化 等 ， 如 图 3.9 所 示 。 


Imported Object 


局 Custom/NewSurfaceShader 交 ， 


Surface shader Show generated code | 
Fixed function no 

Compiled code | Compile and show code | » | 
Cast shadows Current graphics device 


Render queue Y Current build platform 
LoD All platforms 

2 Custom: 
lgnore projector OpenGL 
Disable batching v D3D9 
Properties: Y D3D11 

OpenCLES20 

eo D3D11_9x 
-MainTex OpenGLES30 
-Glossiness Metal 
_Metallic OpenGLCore 


< 


Skip unused shader_features 
50 variants included Show | 


4 图 3.9 在 Unity Shader 的 导入 设置 面板 中 可 以 通过 Comp/i/e 4nd show code 按钮 来 查看 Unity 对 06 片段 编译 后 的 代码 。 
通过 单 击 C0mp//e ano show cooe 按钮 右 端的 倒 三 角 可 以 打开 下 拉 菜 单 ， 在 这 个 下 拉 菜 单 中 可 以 选择 编译 的 平台 种 类 ， 如 
只 为 当前 的 显卡 设备 编译 特定 的 汇编 代码 ， 或 为 所 有 的 平台 编译 汇编 代码 ， 我 们 也 可 以 自 定义 选择 编译 到 哪些 平台 上 
但 当 发 布 游戏 的 时 候 ， 游 戏 数据 文件 中 只 包含 目标 平台 需要 的 编译 代码 ， 而 那些 在 目标 平台 
上 不 需要 的 代码 部 分 就 会 被 移 除 。 例 如 ， 当 发 布 到 Mac OSX 平台 上 时 ，DirectX 对 应 的 代码 部 分 

就 会 被 移 除 。 


3.6.3 ”我 可 以 使 用 GLSL 来 写 吧 


当然 可 以 。 如 果 你 坚持 说 :“ 我 就 是 不 想 用 CG/HLSL 来 写 ! 就 是 要 使 用 GLSL 来 写 !”， 但 是 
这 意味 着 你 可 以 发 布 的 目标 平台 就 只 有 Mac OS X、OpenGL ES 2.0 或 者 Linux, 而 对 于 PC、Xbox 
360 这 样 的 仅 支 持 DirectX 的 平台 来 说 ， 你 就 放弃 它们 了 。 

建立 在 你 坚持 要 用 GLSL 来 写 Unity Shader 的 意愿 下 , 你 可 以 怎么 写 呢 ? 和 CG/HLSL 需要 机 
套 在 CGPROGRAM 和 ENDCG 之 间 类 似 ，GLSL 的 代码 需要 髓 套 在 GLSLPROGRAM 和 ENDGLSL 
之 间 。 

更 多 关于 如 何在 Unity Shader 中 写 GLSL 代码 的 内 容 可 以 在 Unity 官方 手册 的 GLSL Shader 
Programs 一 文 (http://docs.unity3d.com/Manual/SL-GLSLShaderPrograms.html〉 中 找到 。 


已 扩展 阅读 


Unity 官网 上 关于 Unity Shader 方面 的 文档 正在 不 断 补 充 中 ， 由 于 Unity 封装 了 很 多 功能 和 细 
节 ， 因 此 ,如 果 读 者 在 使 用 Unity Shader 的 过 程 中 遇 到 了 问题 可 以 去 到 官方 文档 
Chttp:/docs.unity3d.com/Manual/SL-Reference.html) 中 查看 。 除 此 之 外 ，Unity 也 提供 了 一 些 简单 
的 着 色 器 编写 教程 (http:/docs.unity3d.com/Manual/ShaderTut1.html, http://docs.unity3d. Re 
ShaderTut2.html)。 由 于 在 Unity Shader 中 ， 绝 大 多 数 可 编程 管线 的 着 色 器 代码 是 使 用 CG 语言 5 

写 的 ， 读 者 可 以 在 NVIDIA 提供 的 CG 文档 (http://http.developer.nvidia.com/CG/〉 中 找到 更 多 的 
内 容 。NVIDIA 同样 提供 了 一 个 系列 教程 (http://http.developer.nvidia.com/CGTutorial/cG_tutorial_ 
chapter01.html) 来 帮助 初学 者 掌握 CG 的 基本 语法 。 


和 


第 4 章 学 习 Shader 所 需 的 数学 基础 


不 懂 数 学 者 不 得 
一 一 十 希腊 柏拉图 学 院 门口 8 


计算 机 图 形 学 之 所 以 深奥 难 懂 ， 很 大 原因 是 在 于 它 是 建立 在 虚拟 世界 上 的 数学 模型 。 数 学 渗 
透 到 图 形 学 的 方方面面 ， 当 然 也 包括 Shader。 在 学 习 Shader 的 过 程 中 ， 我 们 最 常 使 用 的 就 是 矢量 
和 和 矩阵 〈 即 数学 的 分 文 之 一 一 一 线性 代数 )。 

很 多 读者 认为 图 形 学 中 的 数学 复杂 难 懂 。 的 确 ， 一 些 数学 模型 在 初学 者 看 来 星 深 难 懂 。 但 很 
多 情况 下 ， 我 们 需要 打交道 的 只 是 一 些 基础 的 数学 运算 ， 而 只 要 掌握 了 这 些 内 容 ， 就 会 发 现 很 多 
事情 可 以 迎刃而解 。 我 们 在 研究 和 学 习 他 人 编写 的 Shader 代码 时 ， 也 不 再 会 疑问 :“ 他 为 什么 要 
这 么 写 ” 而 是 “ 哦 ， 这 里 就 是 使 用 矩阵 进行 了 一 个 变换 而 已 。” 

为 了 让 读者 能 够 参与 到 计算 中 来 ， 而 不 是 填 压 式 地 阅读 ， 在 一 些小 节 的 最 后 我 们 会 给 出 一 些 
练习 题 。 练 习题 的 答案 会 在 本 章 最 后 给 出 (不 要 偷 看 答案 !)。 需 要 注意 的 是 ， 这 些 练习 题 并 不 是 
可 有 可 无 的 ， 我 们 并 非 想 利用 题 海 战术 来 让 读者 掌握 这 些 数学 运算 ， 而 是 想 利 用 这 些 练习 题 来 曾 
述 一 些 容易 出 错 或 实践 中 常见 的 问题 。 通过 这 些 练习 题 , 读者 可 以 对 本 节 内 容 有 更 加 深刻 的 理解 。 

那么 ， 拿 起 笔 来 ， 让 我 们 一 起 走 进 数 学 的 世界 吧 ! 


站 背景 : 农场 游戏 


为 了 让 读者 更 加 理解 数学 计算 的 几何 意义 ， 我 们 先 来 假定 一 个 场景 。 现 在 ， 假 设 我 们 正在 开 
发 一 款 卡通 风格 的 农场 游戏 。 在 这 个 游戏 里 ， 玩 家 可 以 在 农场 里 养 很 多 可 爱 的 奶牛 。 与 普通 农场 
游戏 不 同 的 是 ， 我 们 的 主角 不 是 玩家 ， 而 是 一 头 牛 一 一 妞妞 ， 如 图 4.1 所 示 。 妞 妞 不 仅 长 得 壮 ， 
它 对 很 多 事情 都 充满 了 好 奇 心 。 
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4 图 4.1 我 们 的 农场 游戏 。 我 们 的 主角 妞妞 是 一 头 长 得 最 壮 、 好 奇 心 很 强 的 奶牛 


读者 : 为 什么 游戏 主角 不 是 玩家 呢 ? ”我们 : 因为 我 们 的 策划 就 是 这 么 任性 。 
在 故事 的 一 开始 ， 农 场 世界 是 没有 数学 概念 的 。 通 过 下 面 的 学 习 ， 我 们 会 见证 数学 给 这 个 世 
界 带 来 了 怎样 翻天 覆 地 的 变化 。 


四 第 卡 儿 坐标 系 


在 游戏 制作 中 ， 我 们 使 用 数学 绝 大 部 分 都 是 为 了 计算 位 置 、 距 离 和 角度 等 变量 。 而 这 些 计算 
大 部 分 都 是 在 笛 卡 儿 坐 标 系 〈Cartesian Coordinate System) 下 进行 的 。 这 个 名 字 来 源 于 法 国 伟 
大 的 哲学 家 、 物 理学 家 、 心 理学 家 、 数 学 家 笛 卡 儿 (René Descartes )。 

那么 ， 我 们 为 什么 需要 笛 卡 儿 坐 标 系 呢 ? 有 这 样 一 个 传说 ， 讲 述 了 笛 卡 儿 提 出 笛 卡 儿 坐 标 系 
的 由 来 。 笛 卡 儿 从 小 体弱多病 , 所 以 他 所 在 的 寄宿 学 校 的 老师 允许 他 可 以 一 直 留 在 床上 直到 中 午 。 
在 笛 卡 儿 的 一 生 中 ， 他 每 天 的 上 午时 光 几 乎 都 是 在 床上 度 过 的 。 笛 卡 儿 并 没有 把 这 段 时 间 用 在 睡 
懒 觉 上 ， 而 是 思考 了 很 多 关于 数学 和 哲学 上 的 问题 。 有 一 天 ， 笛 卡 儿 发 现 一 只 苍 刚 在 天 花 板 上 扑 
来 耻 去 ， 他 观察 了 很 长 一 段 时 间 。 笛 卡 儿 想 ， 我 要 如 何 来 描述 这 只 苍蝇 的 运动 轨迹 呢 ? 最 后 ， 委 
卡 儿 意识 到 , 他 可 以 使 用 这 只 苍蝇 距离 房间 内 不 同 
墙 面 的 位 置 来 描述 , 如 图 4.2 所 示 。 他 从 床上 起 身 ， 
写 下 了 他 的 发 现 。 然 后 , 他 试图 描述 一 些 点 的 位 置 ， 
正如 他 要 描述 苍蝇 的 位 置 一 样 。 最 后 ， 笛 卡 儿 就 发 
明了 这 个 坐标 平面 。 而 这 个 坐标 平面 后 来 逐渐 发 
展 , 就 形成 了 坐标 系 系 统 。 厂 们 为 了 纪念 笛 卡 儿 的 
工作 ， 就 用 他 的 名 字 来 给 这 种 坐标 系 进 行 命名 。 

当然 ， 上 面 传说 的 可 靠 性 无 众 验证。 一 些 较真 
儿 的 读者 就 不 用 急 着 向 本 书 勘误 邮箱 中 发 邮件 说 : 4 图 4.2 ”传说 ， 笛 卡 儿 坐 标 系 来 源 于 笛 卡 儿 对 
“ 另 ， 你 简直 是 胡说 !” 不 过 ， 读 者 可 以 从 这 个 传说 。 天 花 板 上 一 只 敬 蝇 的 运动 轨迹 的 观察 。 笛 卡 儿 发 现 ， 
中 发 现 , 笛 卡 儿 坐 标 系 和 我 们 的 生活 是 密切 相关 的 。 可 以 使 用 苍蝇 距 不 同 墙 面 的 距离 来 描述 它 的 当前 位 


4.2.1 ”二 维 笛 卡 儿 坐标 系 


事实 上 ， 读 者 很 可 能 一 直 在 用 二 维 笛 卡 儿 坐 标 系 ， 尽 管 你 可 能 并 没有 听 过 笛 卡 儿 这 个 名 词 。 
你 还 记得 在 《 哈 利 波 特 与 魔法 石 》 电 影 中 ， 哈 利和 罗 恩 大 战 奇 洛 教授 的 魔法 棋盘 吗 ? 这 里 的 国际 


象棋 棋盘 也 可 以 理解 成 是 一 个 二 维 的 笛 卡 儿 坐 标 系 。 
图 4.3 显示 了 一 个 二 维 笛 卡 儿 坐 标 系 。 它 是 不 是 很 像 一 个 棋盘 呢 ? 
个 二 维 的 笛 卡 儿 坐 标 系 包含 了 两 个 部 分 的 信息 ; 
。 一 个 特殊 的 位 置 ， 即 原点 ， 它 是 整个 坐标 系 的 中 心 。 
。 两 条 过 原点 的 互相 垂直 的 矢量 ， 即 x 轴 和 y 轴 。 这 些 坐 
标 轴 也 被 称 为 是 该 坐标 系 的 基 矢 量 。 
虽然 在 图 4.3 中 x 轴 和 y 轴 分 别 是 水 平和 垂直 方向 的 ， 但 这 
并 不 是 必须 的 。 想 象 把 上 面 的 坐标 系 整 体 向 左旋 转 30"。 而 
虽然 图 中 的 x 轴 指 向 右 、y 轴 指 向 上 ， 但 这 也 并 不 是 必须 的 。 例 
如 , 在 2.3.4 节 屏 幕 映 射 中 ，OpenGL 和 DirectX 使 用 了 不 同 的 二 
维 笛 卡 儿 坐 标 系 ， 如 图 4.4 所 示 。 
而 有 了 这 个 坐标 系 我 们 就 可 以 精确 地 定位 一 个 点 的 位 置 。 例  “ 
如 ， 如 果 说 :“ 在 〈1,2) 的 位 置 上 画 一 个 点 。” 那 么 相信 读者 肯定 知道 这 个 位 置 在 哪里 。 


原点 (0, 0) 
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到 4.3 一 个 二 维 笛 卡 儿 坐 标 系 


我 们 来 看 一 下 笛 卡 儿 坐 标 系 给 奶牛 农场 带 来 了 什么 变化 。 在 没有 笛 卡 儿 坐 标 系 的 时 候 ， 奶 牛 
们 根本 没有 明确 的 位 置 概念 。 如 果 一 头 奶 牛 问 :“ 妞 妞 ， 你 现在 在 哪里 啊 ? ”妞妞 只 能 回答 说 “我 
在 这 里 ”或 者 “我 在 那里 ”这 些 模 糊 的 词语 。 但 那 头 奶牛 永远 不 会 知道 妞妞 的 确切 位 置 。 而 把 笛 
卡 儿 坐标 系 引 入 到 奶牛 农场 后 ， 所 有 的 一 切 都 变 得 清晰 起 来 。 我 们 把 奶牛 农场 的 中 心 定义 成 坐标 
原点 ， 而 把 地 理 方向 中 的 东 、 北 定义 成 坐标 轴 方 向 。 现 在 ， 如 果 恕 牛 再 问 :“ 妞 妞 ， 你 现在 在 哪里 
啊 ? ”妞妞 就 可 以 回答 说 :“ 我 在 东 1 米 、 北 3 米 的 地 方 .” 如 图 4.5 所 示 。 


+y 


OpenGL 进 行 屏幕 映射 时 
使 用 的 笛 卡 儿 坐标 系 DirectX 进 行 屏幕 映射 时 
使 用 的 笛 卡 儿 坐 标 系 
(0, 0) 十 X +y 
4 图 4.4 在 屏幕 映射 时 ，0penGL 和 DirectX 4 图 4.5 第 卡 儿 坐标 系 可 以 让 
了 不 同方 向 的 二 维 笛 卡 儿 坐 标 系 妞妞 精确 表述 自己 的 位 


4.2.2 三维 笛 卡 儿 坐 标 系 


在 上 面 一 节 中 ， 我 们 已 经 了 解 了 二 维 稍 卡 儿 坐 标 系 。 可 以 看 出 ， 二 维 笛 卡 儿 坐 标 系 实际 上 是 
比较 简单 的 。 那 么 ， 三 维 比 二 维 只 多 了 一 个 维度 ， 是 不 是 也 就 难 了 50% 而 已 呢 ? 

不 幸 的 是 ， 答 案 是 否定 的 。 三 维 笛 卡 儿 坐 标 系 相 较 于 二 维 来 说 要 复杂 许多 ， 但 这 并 不 意味 着 
很 难 学 会 它 。 对 人 类 来 说 ， 我 们 生活 的 世界 就 是 三 维 的 ， 因 此 对 于 理解 更 低 维 度 的 空间 (一 维和 
二 维 ) 是 比较 容易 的 。 而 对 于 同等 维度 的 一 些 概念 ， 理 解 起 来 难 
度 就 大 一 些 ; 对 于 更 高 维度 的 空间 (如 四 维 空间 )， 理 解难 度 就 更 
A 
在 三 维 笛 卡 儿 坐 标 系 中 ， 我 们 需要 定义 3 个 坐标 轴 和 一 个 原 
点 。 图 4.6 显示 了 一 个 三 维 笛 卡 儿 坐 标 系 。 

这 3 个 坐标 轴 也 被 称 为 是 该 坐标 系 的 基 矢 量 (basis vector)。 
通常 情况 下 ， 这 3 个 坐标 轴 之 间 是 互相 垂直 的 ， 且 长 度 为 1， 这 
样 的 基 矢 量 被 称 为 标准 正 交 基 (orthonormal basis)， 但 这 并 不 是 
必须 的 。 例 如 ， 在 一 些 坐标 系 中 坐标 轴 之 间 互 相 垂 直 但 长 度 不 为 
1， 这 样 的 基 矢 量 被 称 为 正 交 基 (orthogonal basis)。 如 非特 殊 说 
明 ， 本 书 默 认 情况 下 使 用 的 坐标 轴 指 的 都 是 标准 正 交 基 。 

读者 : 正 交 这 个 词 是 什么 意思 呢 ? 


我 们 : 正 交 可 以 理解 成 互相 垂直 的 意思 。 在 下 面 矩 阵 的 内 容 中 ， 我 们 还 会 看 到 正 交 矩阵 的 


4 图 4.6 一 个 三 维 笠 卡 儿 坐 标 系 


概念 


和 二 维 笛 卡 儿 坐 标 系 类 似 ， 三 维 笛 卡 儿 坐 标 系 中 的 坐标 轴 方 向 也 不 是 固定 的 ， 即 不 一 定 是 像 
图 4.6 中 那样 的 指向 。 但 这 种 不 同 导 致 了 两 种 不 同 种 类 的 坐标 系 : 左手 坐标 系 (left-handed 
coordinate space) 和 右手 坐标 系 〈right-handed coordinate space )。 
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4.2.3 左手 坐标 系 和 右手 坐标 系 


为 什么 在 三 维 笛 卡 儿 华 标 系 中 要 区 分 左手 坐标 系 和 右手 坐标 系 ， 而 二 维 中 就 没有 这 些 烦人 的 
事情 呢 ? 这 是 因为 ， 在 二 维 笛 卡 儿 坐 标 系 中 ,，x 轴 和 y 轴 的 指向 虽然 可 能 不 同 ， 就 如 我 们 在 图 4.4 
中 看 到 的 一 样 。 但 我 们 总 可 以 通过 一 些 旋转 操作 来 使 它们 的 坐标 轴 指 向 相同 。 以 图 4.4 中 OpenGL 
和 DirectX 使 用 的 坐标 系 为 例 ， 为 了 把 右 侧 的 坐标 轴 指 向 转换 到 左 侧 那样 的 指向 ， 我 们 可 以 首先 
对 右 侧 的 坐标 系 顺 时 针 旋 转 180"， 此 时 它 的 y 轴 指 向 上 ， 而 x 轴 指向 左 。 然 后 ， 我 们 再 把 整个 纸 
四 水 平 翻转 一 下 ， 就 可 以 把 x 轴 翻 转 到 指向 右 了 ， 此 时 左右 两 侧 的 坐标 轴 指 向 就 完全 相同 了 。 从 
这 种 意义 上 来 说 ， 所 有 的 二 维 笛 卡 儿 坐 标 系 都 是 等 价 的 。 
但 对 于 三 维 笛 卡 儿 坐 标 系 ， 靠 这 种 旋转 有 时 并 不 能 使 两 个 不 同 朝向 的 坐标 系 重 合 。 例 如 ， 在 
图 4.6 中 ，+z 轴 的 方向 指向 纸 面 的 内 部 ， 如 果 有 另 一 个 三 维 笛 卡 儿 坐 标 系 ， 它 的 +z 轴 指 向 纸 面 外 
部 , x 轴 和 y 轴 保 持 不 变 ， 那 么 我 们 可 以 通过 旋转 把 这 两 个 坐标 轴 重 合 在 一 起 吗 ? 答案 是 否定 的 。 
我 们 总 可 以 让 其 中 两 个 坐标 轴 的 指向 重合 ， 但 第 三 个 坐标 轴 的 指向 总 是 相反 的 。 

也 就 是 说 ， 三 维 笛 卡 儿 坐 标 系 并 不 都 是 等 价 的 。 因 此 ， 就 出 现 了 两 种 不 同 的 三 维 坐 标 系 : 左 
手 坐 标 系 和 右手 坐标 系 。 如 果 两 个 坐标 系 具 有 相同 的 旋 向 性 (handedness)， 那 么 我 们 就 可 以 通 
旋转 的 方法 来 让 它们 的 坐标 轴 指 向 重合 。 但 是 ， 如 果 它 们 具有 不 同 的 旋 向 性 〈 例 如 坐标 系 A 属于 
左手 坐标 系 ， 而 坐标 系 B 属于 右手 坐标 系 )， 那 么 就 无 法 达到 重合 的 目的 。 
那么 ， 为 什么 叫 左 手 坐 标 系 和 右手 坐标 系 呢 ? 和 手 有 什么 关系 ?这 是 因为 ， 我 们 可 以 利用 我 
们 的 双手 来 判断 一 个 坐标 系 的 旋回 性 ,请 读者 举 起 你 的 左手 ， 用 食指 和 大 拇指 摆 出 一 个 “L” 的 
手势 ， 并 且 让 你 的 食指 指向 上 , -大 拇指 指向 右 。 现 在 ， 伸 出 你 的 中 指 ， 不 出 意外 的 话 它 应 该 指向 
你 的 前 方 《 如 果 你 一 定 要 展示 自己 骨骼 惊奇 的 话 我 也 没有 办 法 )。 恭 喜 你 ， 你 已 经 得 到 了 一 个 左手 
坐标 系 了 ! 你 的 大 拇指 、 食 指 和 中 指 分 别 对 应 了 +x、+y 和 +z 轴 的 方向 ， 如 图 4.7 所 示 。 
同样 ， 读 者 可 以 通过 右手 来 得 到 一 个 右手 坐标 系 。 举 起 你 的 右手 ， 这 次 食指 仍然 指向 上 ， 中 
指 指向 前 方 ， 不 同 的 是 ， 大 拇指 将 指向 左 侧 ， 如 图 4.8 所 示 。 


+y ty 

4 +Z 

-X 
-x 
+X 
+X 
~z 
-Zz 
2 Ss 
和 图 4.7 左手 坐标 系 和 图 4.8 ”右手 坐标 系 


正如 我 们 之 前 所 说 ， 左 手 坐 标 系 和 右手 坐标 系 之 间 无 法 通过 旋转 来 同时 使 它们 的 3 个 坐标 用 
指向 重合 ， 如 果 你 不 信 ， 你 现在 可 以 拿 自己 的 双手 来 试验 一 下 。 
另外 一 个 确定 是 左手 还 是 右手 坐标 系 的 方法 是 ， 判 断 前 向 〈forward) 的 方向 。 请 读者 坐 直 
向 右 伸 直 你 的 右手 ， 此 时 右手 方向 就 是 x 轴 的 正 向 ， 而 你 的 头顶 向 上 的 方向 就 是 y 轴 的 正 向 。 这 


时 ， 如 果 你 的 正 前 方 的 方向 是 z 轴 的 正 向 ， 那 么 你 本 身 所 在 的 坐标 系 就 是 一 个 左手 坐标 系 ， 如 果 
你 的 正 前 方 的 方向 对 应 的 是 z 轴 的 负 向 ， 那 么 这 就 是 一 个 右手 坐标 系 。 

除了 坐标 轴 朝 向 不 同 之 外 ， 左 手 坐 标 系 和 右手 坐标 系 对 于 正 向 旋转 的 定义 也 不 同 ， 即 在 初 高 
中 物理 中 学 到 的 左手 法 则 (left-hand rule) 和 右手 法 则 〈right-hand rule)。 假 设 现在 空间 中 有 一 
条 直线 ， 还 有 一 个 点 ， 我 们 希望 把 这 个 点 以 该 直线 为 旋转 轴 旋 转 某 个 角度 ， 比 如 旋转 30°。 读 才 
可 以 拿 一 文笔 当成 这 个 旋转 轴 ， 再 拿 自 己 的 手 当成 这 个 需要 旋转 的 点 ， 可 以 发 现 ， 我 们 有 两 个 旋 
转 方向 可 以 选择 。 那 么 ， 我 们 应 该 往 哪个 方向 旋转 呢 ? 这 意味 着 ， 我 们 需要 在 坐标 系 中 定义 一 个 
旋转 的 正方 向 。 在 左手 坐标 系 中 ， 这 个 旋转 正方 向 是 由 左手 法 则 定义 的 ， 而 在 右手 坐标 系 中 则 是 
由 右手 法 则 定义 的 。 

在 左手 坐标 系 中 ， 我 们 可 以 这 样 来 应 用 左手 法 则 : 还 是 举 起 你 的 左手 ， 握 拳 ， 伸 出 大 拇指 让 
它 指 向 旋转 轴 的 正方 向 ， 那 么 旋转 的 正方 向 就 是 剩 下 4 个 手指 的 弯曲 方向 。 在 右手 坐标 系 中 ， 使 
右手 法 则 对 旋转 正方 向 的 判断 类 似 ， 如 图 4.9 所 示 。 

从 图 4.9 中 可 以 看 出 ， 在 左手 坐标 系 中 ， 旋 转正 方向 是 顺 时 针 的 ， 而 在 右手 坐标 系 中 ， 旋 转 
正方 向 是 逆 时 针 的 。 

左右 手 坐 标 系 之 间 是 可 以 进行 互相 转换 的 。 最 简单 的 方法 就 是 把 其 中 一 个 轴 反 转 ， 并 保持 其 
他 两 个 轴 不 变 。 

对 于 开发 者 来 说 ， 使 用 左手 坐标 系 还 是 右手 坐标 系 都 是 可 以 的 ， 它 们 之 间 并 没有 优 劣 之 分 。 
无 论 使 用 哪 种 坐标 系 ， 绝 大 多 数 情况 下 并 不 会 影响 底层 的 数学 运算 ， 而 只 是 在 映射 到 视觉 上 时 会 
有 差别 〈 见 练习 题 2)。 这 是 因为 ， 一 个 点 或 者 旋转 在 空间 内 来 说 是 绝对 的 。 一 些 较真 儿 的 读者 可 
能 会 看 不 惯 “绝对 ”这 个 词 :“ 你 怎么 能 忽略 相对 论 呢 ? 这 世上 一 切 都 是 相对 的 !” 这 些 读者 请 容 
我 解释 。 这 里 所 说 的 绝对 是 说 ， 在 我 们 所 关心 的 最 广阔 的 空间 中 ， 这 些 值 是 绝对 的 。 例 如 我 说 ， 
把 你 的 书 从 桌子 的 左边 移 到 右边 ， 你 不 会 对 这 个 过 程 产 生 什么 疑问 ， 此 时 我 们 关心 的 整个 空间 就 
是 桌子 这 个 空间 ， 而 在 这 个 空间 中 ， 书 的 运动 是 绝对 的 。 但 是 ， 在 数学 的 世界 中 ， 我 们 需要 使 用 
一 种 数学 模型 来 精确 地 描述 它们 ， 这 个 模型 就 是 坐标 系 。 一 旦 有 了 坐标 系 ， 每 个 点 的 位 置 就 不 再 
是 绝对 的 ， 而 是 相对 于 这 个 坐标 系 来 说 的 。 这 种 相对 关系 导致 ， 即 便 从 数学 表示 上 来 说 两 种 表示 
方式 完全 一 样 ， 但 从 视觉 上 来 说 是 不 一 样 的 。 

我 们 可 以 在 奶牛 农场 的 例子 中 体会 左手 坐标 系 和 右手 坐标 系 的 分 别 。 我 们 假设 ， 妞 妞 想 要 到 一 个 
新 的 地 方 ， 因为 那里 的 草 很 美味 。 妞妞 知道 到 达 这 个 目标 点 的 “绝对 路 径 ” 是 怎样 的 ， 如 图 4.10 所 示 。 
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向 这 个 方向 

平移 1 个 单位 也 - 
;> 再 向 这 个 方向 

、 、 平 移 4 个 单位 


> 
i 
be 


左手 法 则 右手 法 则 

4 图 4.9 上 手法 则 和 右手 法 则 来 判断 旋转 正方 向 4 图 4.10 ”为 了 移动 到 新 的 位 置 ， 妞 妞 需要 首先 向 
某 个 方向 平移 1 个 单位 ， 再 向 另 一 个 

方向 平移 4 个 单位 ， 最 后 再 向 一 个 方向 旋转 60° 
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我 们 可 以 分 别 在 一 个 左手 坐标 系 和 右手 坐标 系 中 描述 这 样 一 次 运动 ， 即 使 用 数学 表达 式 来 描 
述 它 。 我 们 会 发 现 ， 在 不 同 的 坐标 系 中 描述 这 样 同 一 次 运动 是 不 一 样 的 ， 如 图 4.11 所 示 。 


再 向 了 和 轴 
平移 4 个 单位 


UD 


4 图 4.11 左 图 和 右 图 分 别 表 示 了 在 左手 坐标 系 和 右手 坐标 系 中 


述 妞妞 这 次 运动 的 结果 ， 得 到 的 数学 描述 是 不 同 的 


在 左手 坐标 系 中 ，3 个 坐标 轴 的 朝向 如 图 4.11 左 图 所 示 。 妞 妞 首先 向 Xx 轴 正 方向 平移 1 个 单 
位 ， 然 后 再 向 z 轴 负 方向 移动 4 个 单位 ， 最 后 朝 旋转 的 正方 向 旋转 60"。 而 在 右手 坐标 系 中 ，+z 
由 的 方向 和 左手 坐标 系 中 刚好 相反 ， 因 此 妞妞 首先 向 x 轴 正方 向 平移 1 个 单位 《与 左手 坐标 系 中 
的 移动 一 致 )， 然 后 再 向 z 轴 正 方向 移动 4 个 单位 (与 左手 坐标 系 中 的 移动 相反 )， 最 后 朝 旋 转 的 
负 方 向 旋转 60"“〈 与 左手 坐标 系 中 的 旋转 相反 )。 

可 以 看 出 ,为 了 达到 同样 的 视觉 效果 《〈 这 里 指 把 妞妞 移动 到 视觉 上 的 同一 个 位 置 ), 左右 手 坐 
标 系 在 z 轴 上 的 移动 以 及 旋转 方向 是 不 同 的 。 如 果 使 用 相同 的 数学 运算 〈 指 均 向 z 轴 某 方向 移动 
或 均 朝 旋转 正方 向 旋转 等 ), 那么 得 到 的 视觉 效果 就 是 不 一 样 的 。 因 此 ， 如 果 我 们 需要 从 左手 坐标 
系 迁 移 到 右手 坐标 系 ， 并 且 保 持 视 觉 二 的 不 变 ， 就 需要 进行 一 些 转换 。 读 者 可 以 参见 本 章 最 后 的 
扩展 阅读 部 分 。 

4.2.4 ”Unity 使 用 的 坐标 系 

对 于 一 个 需要 可 视 化 虚拟 的 三 维 世 界 的 应 用 (如 Unity) 来 说 ， 它 的 设计 者 就 要 进行 一 个 选 
择 。 对 于 模型 空间 和 世界 空间 (在 4.6 节 中 会 具体 讲解 这 两 个 空间 是 什么 )，Unity 使 用 的 是 左手 
坐标 系 。 这 可 以 从 Scene 视图 的 坐标 轴 显 示 看 出 来 ， 如 图 4.12 所 示 。 这 意味 着 ， 在 模型 空间 中 ， 
一 个 物体 的 右 侧 (right)、 上 侧 Cup) 和 前 侧 (forward) 分 别 对 应 了 x 轴 、y 轴 和 z 轴 的 正方 向 。 


Et 


4 图 4.12 在 模型 空间 和 世界 空间 中 ，Unity 使 用 的 是 左手 坐标 系 。 图 中 ， 球 的 坐标 轴 显 示 了 它 在 模型 空间 中 的 3 个 坐标 
轴 ( 红色 为 X 轴 ， 绿 色 是 y 轴 ， 蓝 色 是 z 轴 ) 

但 对 于 观察 空间 来 说 ，Unity 使 用 的 是 右手 坐标 系 。 观 察 空间 ， 通 俗 来 讲 就 是 以 摄像 机 为 原 
点 的 坐标 系 。 在 这 个 坐标 系 中 ， 摄 像 机 的 前 向 是 z 轴 的 负 方 向 ， 这 与 在 模型 空间 和 世界 空间 中 的 


定义 相反 。 也 就 是 说 ，z 轴 坐 标的 减少 意味 着 场景 深度 的 增加 ， 如 图 4.13 所 示 。 


4 图 4.13 在 Unity 中 ， 观 察 空 间 使 用 的 是 右手 坐标 系 ， 摄 像 机 的 前 向 是 z 轴 的 负 方 向 ， 
z 轴 越 小 ， 物 体 的 深度 越 大 ， 离 摄像 机 越 远 


关于 Unity 中 使 用 的 坐标 系 的 旋 向 性 ， 我 们 会 在 4.5.9 节 中 详细 地 讲解 。 
4.2.5 ”练习 题 


这 是 本 书 中 第 一 次 出 现 练习 题 的 地 方 ， 希 望 你 可 以 快速 解决 它们 ! 

(1) 在 非常 流行 的 建 模 软件 3ds Max 中 ， 默 认 的 坐标 轴 方 向 是 : x 轴 正 方向 指向 右 方 ，y 轴 正 
方向 指向 前 方 ，z 轴 正 方向 指向 上 方 。 那 么 它 是 左手 坐标 系 还 是 右手 坐标 系 ? 

(2) 在 左手 坐标 系 中 ， 有 一 点 的 坐标 是 (0, 0, 1)， 如 果 把 该 点 绕 > 轴 正 方向 旋转 +90?， 旋 转 
后 的 坐标 是 什么 ?如果 是 在 右手 坐标 系 中 ， 同 样 有 一 点 坐标 为 (0, 0, 1)， 把 它 绕 y 轴 正 方向 旋转 
+90*， 旋 转 后 的 坐标 是 什么 ? 

(3) 在 Unity 中 ， 新 建 的 场景 中 主 摄像 机 的 位 置 位 于 世界 空间 中 的 〈0, 1, -10) 位 置 。 在 不 改 
变 摄像 机 的 任何 设置 (如 保持 Rotation 为 (0, 0, 0)，Scale 为 (1, 1, 1)) 的 情况 下 ， 在 世界 空间 中 
的 (0, 1, 0) 位 置 新 建 一 个 球体 ， 如 图 4.14 所 示 。 


4 图 4.14 ”摄像 机 的 位 置 是 ( 0, 1，-10 )， 球 体 的 位 置 是 ( 0, 1, 0 ) 


在 摄像 机 的 观察 空间 下 ， 该 球体 的 z 值 是 多 少 ? 在 摄像 机 的 模型 空间 下 ， 该 球体 的 z 值 又 是 
多 少 ? 


点 和 和 天 量 


点 (point) 是 维 空间 (游戏 中 主要 使 用 二 维和 三 维 空间 〉 中 的 一 个 位 置 ， 它 没有 大 小 、 宽 
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度 这 类 概念 。 在 笛 卡 儿 坐 标 系 中 , 我 们 可 以 使 用 2 个 或 3 个 实数 来 表示 一 个 点 的 坐标 , 如 P=(P,, P) 
表示 二 维 空间 的 点 ，P=(P, PP) 表示 三 维 空间 中 的 点 。 
矢量 (vector， 也 被 称 为 向 量 ) 的 定义 则 复杂 一 些 。 在 数学 家 看 来 ， 矢 量 就 是 一 串 数 字 。 你 
可 能 要 问 了 , 点 的 表达 式 不 也 是 一 串 数字 吗 ? 没 错 , 但 矢量 存在 的 意义 更 多 是 为 了 和 标量 (scalar) 
区 分 开 来 。 通 常 来 讲 ， 矢 量 是 指 n 维 空间 中 一 种 包含 了 模 (magnitude〉 和 方向 (direction) 的 有 
向 线段 , 我 们 通常 讲 到 的 速度 (velocity ) 就 是 一 种 典型 的 矢量 。 例如 , 这 辆 车 的 速度 是 向 南 80kmAh 
《向 南 指 明了 矢量 的 方向 ，8Okmyh 指明 了 矢量 的 模 )。 而 标量 只 有 模 没 有 方向 ， 生 活 中 常常 说 到 的 
距离 〈distance) 就 是 一 种 标量 。 例 如 ， 我 家 离 学 校 只 有 200m (200m 就 是 一 个 标量 )。 
人体 来 讲 。 
。 矢量 的 模 指 的 是 这 个 矢量 的 长 度 。 一 个 矢量 的 长 度 可 以 是 任意 的 
。 矢量 的 方向 则 描述 了 这 个 矢量 在 空间 中 的 指向 。 

矢量 的 表示 方法 和 点 类 似 。 我 们 可 以 使 用 *=Ccy) 来 表示 二 维 矢量 ， 用 y=(x,y,z) 来 表示 三 维 矢 
量 ， 用 y=(x,y,z,w) 来 表示 四 维 矢 量 。 

为 了 方便 阐述 ， 我 们 对 不 同类 型 的 变量 在 书写 和 印刷 上 使 用 不 同 的 样式 。 

。 对 于 标量 ， 我 们 使 用 小 写字 母 来 表示 ， 如 a，b，x，y，z，0，Q 等 。 

。 对 于 矢量 ,我 们 使 用 小 写 的 粗 体 字 母 来 表示 ， 如 a，b，u, Vv 等。 

。 对 于 后 面 要 学 习 的 矩阵， 我 们 使 用 大 写 的 粗 体 字母 来 表示 ， 如 A，B，S$，M， 了 R 等 。 
在 图 4.15 中 ， 一 个 矢量 通常 由 一 个 箭头 来 表示 。 我 们 有 时 会 讲 到 一 个 矢量 的 头 (head) 和 尾 
(tail)。 矢 量 的 头 指 的 是 它 的 箭头 所 在 的 端点 处 ， 而 尾 指 的 是 另 一 个 端点 处 ， 如 图 4.15 所 示 。 
那么 一 个 矢量 要 放 在 哪里 呢 ? 从 矢量 的 定义 来 看 ， 它 只 有 模 和 方向 两 个 属性 ， 并 没有 位 置信 
息 。 这 听 起 来 很 难 理解 ， 但 实际 止 在 生活 中 我 们 总 是 会 和 这 样 的 矢量 打交道 。 例 如 ， 当 我 们 讲 到 
一 个 物体 的 速度 时 ， 可 能 会 这 样 说 那个 小 偷 正在 以 100km/h 的 速度 向 南 逃 富 ”( 快 抓 住 他 !)， 
这 里 的 “以 100km/h 的 速度 向 南 ” 就 可 以 使 用 一 个 矢量 来 表示 。 通 常 ， 矢 量 被 用 于 表示 相对 于 某 
个 点 的 偏 移 〈displacement)， 也 就 是 说 它 是 一 个 相对 量 。 只 要 矢量 的 模 和 方向 保持 不 变 ， 无 论 放 
在 哪里 ， 都 是 同一 个 矢量 。 


TIT 


负数 。 


Fa 


4.3.1 ”点 和 矢量 的 区 别 


回顾 一 下 ， 点 是 一 个 没有 大 小 之 分 的 空间 中 的 位 置 ， 而 矢量 是 一 个 有 模 和 方向 但 没有 位 置 的 
量 。 从 这 里 看 ， 点 和 矢量 具有 不 同 的 意义 。 但 是 ， 从 表示 方式 上 两 者 非常 相似 。 
在 上 一 节 中 我 们 提 到 ， 矢 量 通常 用 于 描述 偏 移 量 ， 因 此 ， 它 们 可 以 用 于 描述 相对 位 置 ， 即 相 
对 于 另 一 个 点 的 位 置 ， 此 时 矢量 的 尾 是 一 个 位 置 ， 那 么 矢量 的 头 就 可 以 表示 另 一 个 位 置 了 。 而 一 
个 点 可 以 用 于 指定 空间 中 的 一 个 位 置 ( 即 相对 于 原点 的 位 置 )。 如 果 我 们 把 矢量 的 尾 固定 在 坐标 系 
原点 ， 那 么 这 个 矢量 的 表示 就 和 点 的 表示 重合 了 。 图 4.16 表示 了 两 者 之 间 的 关系 。 


一 个 点 (x, y) 
尾 
和 图 4.15 一 个 二 维 向 量 以 及 它 的 头 和 尾 4 图 4.16 点 和 矢量 之 间 的 关系 


尽管 上 面 的 内 容 看 起 来 显而易见 ， 但 区 分 点 和 矢量 之 间 的 不 同 是 非常 重要 的 ， 尽 管 它们 在 数 


学 表达 式 上 是 一 样 的 ， 都 是 一 串 数 字 而 已 。 如 果 一 定 要 给 它们 之 间 建 立 一 个 联系 的 话 ， 我 们 可 以 


认为 ， 任 何 一 个 点 都 可 以 表示 成 一 个 从 原点 出 发 的 矢量 。 为 了 明确 点 和 矢量 的 区 别 ， 在 本 书后 盏 


的 内 容 中 ， 我 们 将 用 于 表示 方向 的 矢量 称 为 方向 矢量 。 


4.3.2 ”矢量 运算 


对 


在 下 面 的 内 容 里 ， 我 们 将 给 出 一 些 最 第 见 的 矢量 运算 。 季 运 的 是 ， 这 些 运 算 大 多 很 好 理解 。 
F 每 种 运算 ， 我 们 会 先 给 出 数学 上 的 描述 ， 然 后 再 给 出 几何 意义 上 的 解释 。 同 样 ， 为 了 让 读者 


加 深 印 象 ， 我 们 会 在 最 后 给 出 一 些 练习 题 。 相 信 读 完 本 节 后 ， 你 一 定 可 以 快速 地 解决 它们 ! 


( 想 


且 可 能 方向 相反 的 新 的 矢量 。 


1， 矢 量 和 标量 的 乘法 /除法 


还 记得 吗 ? 标量 是 只 有 模 没 有 方向 的 量 ， 虽 然 我 们 不 能 把 矢量 和 标量 进行 相 加 / 相 减 的 运算 
象 一 下 ， 你 会 把 速度 和 距离 相 加 吗 )， 但 可 以 对 它们 进行 乘法 运算 ， 结 果 会 得 到 一 个 不 同 长 度 


公式 非常 简单 ， 我 们 只 需要 把 矢量 的 每 个 分 量 和 标量 相 乘 即 可 : 
kv=(kvhy,, Ky,) 
类 似 的 ， 一 个 矢量 也 可 以 被 一 个 非 零 的 标量 除 。 这 等 同 于 和 这 个 标量 的 倒数 相 乘 : 


vV_(wypd)_l (: y | 
ar 三 一 (X, y,Z)=| 一 ,一 ,一 ,Kz#0 
天 Ey 


下 面 给 出 一 些 例子 : 


2(1,2,3)=(2,4,6) 
-3.3(2.0)=( 一 7.0) 


> =(0.5,1,1.5) 


注意 ， 对 于 乘法 来 说 ， 矢 量 和 标量 的 位 置 可 以 互 换 。 但 对 于 除法 ， 只 能 是 矢量 被 标量 除 ， 而 


不 和 


放 。 


E 是 标量 被 矢量 除 ， 这 是 没有 意义 的 。 
从 几何 意义 上 看 ， 把 一 个 矢量 v 和 一 个 标量 上 相 乘 ， 意 味 着 对 矢量 y 进行 一 个 大 小 为 对 的 缩 
例如 ， 如 果 想 要 把 一 个 矢量 放大 两 倍 ， 就 可 以 乘 以 2。 当 k<0 时 ， 矢 量 的 方向 也 会 取 反 。 图 


4.17 显示 了 这 样 的 一 些 例 子 。 


2. 矢量 的 加 法 和 减法 

我 们 可 以 对 两 个 矢量 进行 相 加 或 相 减 ， 其 结果 是 一 个 相同 维度 的 新 矢量 。 

我 们 只 需要 把 两 个 矢量 的 对 应 分 量 进行 相 加 或 相 减 即 可 。 公 式 如 下 : 
a+b=(Qx+Doay+TD， a:+b,) 
a-b=(a.—bi,ay-by, a—b;) 


下 面 是 一 些 例子 ; 


(1,2,3)+(4,5,6)=(5,7,9) 
(5,2,7)-(3,8,4)=(2,-6,3) 

需要 注意 的 是 , 一 个 矢量 不 可 以 和 一 个 标量 相 加 或 相 减 , 或 者 是 和 不 同 维度 的 矢量 进行 运算 。 

从 几何 意义 上 来 看 ， 对 于 加 法 ， 我 们 可 以 把 矢量 a 的 头 连接 到 矢量 b 的 尾 ， 然 后 画 一 条 从 a 


的 尾 到 b 的 头 的 矢量 ， 来 得 到 a 和 b 相 加 后 的 矢量 。 也 就 是 说 ， 如 果 我 们 从 一 个 起 点 开始 进行 了 
一 个 位 置 仿 移 a， 然 后 又 进行 一 个 位 置 偏 移 b， 那 么 就 等 同 于 进行 了 一 个 a+b 的 位 置 偏 移 。 这 被 
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称 为 矢量 加 法 的 三 角形 定 则 (〈triangle rule)。 矢 量 的 减法 是 类 似 的 ， 如 图 4.18 所 示 。 


WH 
亲生 和 


-0.5v 
(2, 4) 邮 8 由 (2， 1 (-1, -2) 
4 图 4.17 ”二 维 矢量 和 一 些 标量 的 乘法 和 除 ; 4 图 4.18 二 维 矢 量 的 加 法 和 减 ; 


读者 需要 时 刻 谍 记 ,在 图 形 学 中 矢量 通常 用 于 描述 位 置 偏 移 (简称 位 移 )。 因 此 ,我 们 可 以 利 

量 的 加 法 和 减法 来 计算 一 点 相对 于 另 一 点 的 位 移 。 
假设 ， 空 间 内 有 两 点 a 和 5。 还 记得 吗 ， 我 们 可 以 用 矢量 a 和 b 来 表示 它们 相对 于 原点 的 位 

移 。 如 果 我 们 想 要 计算 点 5 相对 于 点 a 的 位 移 ， 就 可 以 通过 把 b 和 a 相 减 得 到 ， 如 图 4.19 所 示 。 
3， 矢 量 的 模 


正如 我 们 之 前 讲 到 的 一 样 ， 矢 量 是 有 模 和 方向 的 。 矢 量 的 模 是 一 个 标量 ， 可 以 理解 为 是 矢量 
在 空间 中 的 长 度 。 它 的 表示 符号 通常 是 在 矢量 两 旁 分 别 加 上 一 条 垂直 线 〈 有 的 文献 中 会 使 用 两 条 
垂直 线 )。 三 维 矢量 的 模 的 计算 公式 如 下 : 


IE vv +Vi tv 


其 他 维度 的 矢量 的 模 计 算 类 似 ， 都 是 对 每 个 分 量 的 平方 相 加 后 再 开 根 号 得 到 。 
下 面 给 出 一 些 例子 : 


[02,3 EV +2 +43 = Vr449 = V4~3.742 


IGDEV rE = V+16= V5 =5 


我 们 可 以 从 几何 意义 来 理解 上 述 公 式 。 对 于 二 维 矢量 来 说 ， 我 们 可 以 对 任意 矢量 构建 一 个 三 
角形 ， 如 图 4.20 所 示 。 


i 


人 4 
a 一 
b-a 入 
+X es 
ly| 
b 一 一 
4 图 4.19 ”使 用 矢量 减法 来 计算 从 点 a 到 点 b 的 位 移 4 图 4.20 ”矢量 的 模 


从 图 4.20 可 以 看 出 ， 对 于 二 维 矢量 ， 其 实 就 是 使 用 了 勾 股 定理 ， 矢 量 的 两 个 分 量 的 绝对 值 对 
应 了 三 角形 两 个 直角 边 的 长 度 ， 而 斜 边 的 长 度 就 是 矢量 的 模 。 


4. 单位 矢量 


在 很 多 情况 下 ， 我 们 只 关心 矢量 的 方向 而 不 是 模 。 例 如 ， 在 计算 光照 模型 时 ， 我 们 往往 需要 
得 到 顶点 的 法 线 方向 和 光源 方向 ， 此 时 我 们 不 关心 这 些 矢 量 有 多 长 。 在 这 些 情况 下 ， 我 们 就 需要 
计算 单位 矢量 (unit vector)。 
单位 矢量 指 的 是 那些 模 为 1 的 矢量 ,单位 矢量 也 被 称 为 被 归 一 化 的 矢量 (normalized vector)。 
对 任何 给 定 的 非 零 矢量 ， 把 它 转 换 成 单位 矢量 的 过 程 就 被 称 为 归 一 化 (normalization)。 

给 定 任意 非 零 矢量 v， 我 们 可 以 计算 和 v 方向 相同 的 单位 矢量 。 在 本 书 中 ， 我 们 通过 在 一 个 
矢量 的 头 上 添加 一 个 戴 帽 符号 来 表示 单位 矢量 ， 例 如 信 。 为 了 对 矢量 进行 归 一 化 ， 我 们 可 以 用 矢 
量 的 模 除 以 该 矢量 来 得 到 。 公 式 如 下 : 


Sa 是 非 零 矢量 


V 
下 面 给 出 一 些 例子 : 
(3,—4) (3,4) (3,-4) _ (3,—4) 13 -4 
到 = = =| =,— |=(0.6, -0.8 
[B,D) V+ V25 5 E 2 ) 


零 矢 量 〈 即 矢量 的 每 个 分 量 值 都 为 0， 如 v=(0,0,0)) 是 不 可 以 被 归 一 化 的 。 这 是 因为 做 除法 
运算 时 分 母 不 能 为 0。 
从 几何 意义 上 看 , 对 二 维 空间 来 说 , 我 们 可 以 画 一 个 单位 圆 ， 
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那么 单位 矢量 就 可 以 是 从 圆心 出 发 、 到 圆 边界 的 矢量 。 在 三 维 空 | 
间 中 , 单位 矢量 就 是 从 一 个 单位 球 的 球 心 出 发 、 到达 球面 的 矢量 。 
图 4.21 给 出 了 二 维 空间 内 的 一 些 单位 矢量 。 一 一 一 


需要 注意 的 是 ， 在 后 面 的 章节 中 我 们 将 会 不 断 遇 到 法 线 方向 
(也 被 称 为 法 矢量 )、 光 源 方向 等 ， 这 些 矢量 不 一 定 是 归 一 化 后 的 
矢量 。 由 于 我 们 的 计算 往往 要 求 矢 量 是 单位 矢量 ， 因 此 在 使 用 前 
应 先 对 这 些 矢量 进行 归 一 化 运算 。 


A 图 4.21 维 空间 的 单位 矢量 
5. 矢量 的 点 积 都 会 落 在 单位 圆 上 
矢量 之 间 也 可 以 进行 乘法 ， 但 是 和 标量 之 间 的 乘法 有 很 大 不 同 。 矢 量 的 乘法 有 两 种 最 常用 的 
种 类 : 点 积 〈dot product， 也 被 称 为 内 积 ，inner product) 和 叉 积 〈cross product， 也 被 称 为 外 


积 ，outer product)。 在 本 节 中 ， 我 们 将 讨论 第 一 种 类 型 ， 点 积 。 

读者 可 能 认为 上 面 几 节 的 内 容 都 很 简单 ,，“ 这 些 都 显而易见 嘛 ”*。 那 么 从 这 一 节 开始 ， 我 们 就 
会 遇 到 一 些 真正 需要 花费 力气 〈 真 的 只 要 一 点 点 ) 去 记忆 的 公式 。 幸 运 的 是 ， 绝 大 多 数 公式 是 有 
几何 意义 的 ， 也 就 是 说 ， 我 们 可 以 通过 画图 的 方式 来 理解 和 帮助 记忆 。 

比 仅仅 记 住 这 些 公式 更 加 重要 的 是 ， 我 们 要 真正 理解 它们 是 做 什么 的 。 只 有 这 样 ， 我 们 才能 
在 需要 时 想起 来 ,“ 噢 ， 这 个 需求 我 可 以 用 这 个 公式 来 实现 !” 在 我 们 编写 Shader 的 过 程 中 ， 通 常 
程序 接口 都 会 提供 这 些 公式 的 实现 , 因此 我 们 往往 不 需要 手工 输入 这 些 公 式 。 例 如 , 在 Unity Shader 
中 ， 我 们 可 以 直接 使 用 形 如 dot(a, b) 的 代码 来 对 两 个 矢量 值 进行 点 积 的 运算 。 

点 积 的 名 称 来 源 于 这 个 运算 的 符号 : ab。 中 间 的 这 个 圆 点 符号 是 不 可 以 省 略 的 。 点 积 的 公式 
有 两 种 形式 ， 我 们 先 来 看 第 一 种 。 两 个 三 维 矢 量 的 点 积 是 把 两 个 矢量 对 应 分 量 相 乘 后 再 取 和 ， 最 
后 的 结果 是 一 个 标量 。 

公式 二 : 


六 中 


a:b=(a,, ay, a) ‘(bx, by, DJ)= CD ay byta b. 


(1,2,3) :(0.5,4,2.5)=0.5+8+7.5=16 
(~—3,4,0):(5,—1,7)=—15+-4+0= 一 19 
矢量 的 点 积 满足 交换 律 ， 即 ap=b.a 
点 积 的 几何 意义 很 重要 ， 因 为 点 积 几 乎 应 用 到 了 图 形 学 的 各 个 方面 。 其 
投影 (projection ) 。 
段 设 ， 有 一 个 单位 矢量 全 和 另 一 个 长 度 不 限 的 矢量 b。 现 在， 我 们 希望 得 到 b 在 平行 于 生 的 
一 条 直线 上 的 投影 。 那 么 ， 我 们 就 可 以 使 用 点 积 全.b 来 得 到 b 在 方向 上 的 有 符号 的 投影 。 
那么 ,投影 到 底 是 什么 意思 呢 ? 这 里 给 出 一 个 通俗 的 解释 。 我们 可 以 认为 , 现在 有 一 个 光源 ， 
它 发 出 的 光线 是 垂直 于 对方 向 的 ， 那 么 b 在 a 方向 上 的 投影 就 是 b 在 方向 上 的 影子 ， 如 图 4.22 
所 示 。 
需要 注意 的 是 ， 投 影 的 值 可 能 是 负数 。 投 影 结果 的 正 负 号 与 A 和 b 的 方向 有 关 : 当 它 们 的 方 
向 相反 〈 夹 角 大 于 90") 时 ， 结 果 小 于 0; 当 它 们 的 方向 互相 垂直 (来 角 为 90") 时 ， 结 果 等 于 0; 
它们 的 方向 相同 〈( 夹 角 小 于 90") 时 ， 结 果 大 于 0。 图 4.23 给 出 了 这 3 种 情况 的 图 示 。 
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一 个 几何 意义 就 是 
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Sy 
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b 队 亲 
有 和 
一 -一 。 一 -一 一 
相 a a.b>0 a.C=0 a.d<0 


4 图 4.22 矢量 b 在 单位 矢量 a 方向 上 的 投影 4 图 4.23 ”点 积 的 符号 


也 就 是 说 ， 点 积 的 符号 可 以 让 我 们 知道 两 个 矢量 的 方向 关系 。 

那么 ， 如 果盘 不 是 一 个 单位 矢量 会 如 何 呢 ? 这 很 容易 想到 ， 任 何 两 个 矢量 的 点 积 ab 等 同 于 
b 在 a 方 向 上 的 投影 值 ， 再 乘 以 a 的 长 度 。 

点 积 具 有 一 些 很 重要 的 性 质 ， 在 Shader 的 计算 中 ， 我 们 会 经 常 利 用 这 些 性 质 来 帮助 计算 。 

性 质 一 : 点 积 可 结合 标量 乘法 。 

上 面 的 “结合 ”是 说 ， 点 积 的 操作 数 之 一 可 以 是 另 一 个 运算 的 结果 ， 即 矢量 和 标量 相 乘 的 结 
不 。 公式 如 下 : 


\ 


(ka):b= a: (kb)=k(a:b) 
也 就 是 说 ， 对 点 积 中 其 中 一 个 矢量 进行 缩放 的 结果 ， 相 当 于 对 最 后 的 点 积 结果 进行 缩放 。 
性 质 二 : 点 积 可 结合 矢量 加 法 和 减法 ， 和 性 质 一 类 似 。 
这 里 的 “结合 ” 指 的 是 ， 点 积 的 操作 数 可 以 是 矢量 相 加 或 相 减 后 的 结果 。 用 公式 表达 就 是 : 
a.(b+ c)= ab+ ac 
把 上 面 的 c 换 成 -ec 就 可 以 得 到 减法 的 版 本 。 
性 质 三 : 一 个 矢量 和 本 身 进行 点 积 的 结果 ， 是 该 矢量 的 模 的 
这 点 可 以 很 容易 从 公式 验证 得 到 : 


Nl 
过 
o 


2 
VV=ViVxt Vyvyr ya 人 | 


这 意味 着 ， 我 们 可 以 直接 利用 点 积 来 求 矢 量 的 模 ， 而 不 需要 使 用 模 的 计算 公式 。 当 然 ， 我 们 
需要 对 点 积 结果 进行 开平 方 的 操作 来 得 到 真正 的 模 。 但 很 多 情况 下 ， 我 们 只 是 想 要 比较 两 个 矢量 
的 长 度 大 小 ， 因 此 可 以 直接 使 用 点 积 的 结果 。 毕 竞 ， 开 平方 的 运算 需要 消耗 一 定性 能 。 
现在 是 时 候 来 看 点 积 的 另 一 种 表示 方法 了 。 这 种 方法 是 从 三 角 代数 的 角度 出 发 的 ， 这 种 表示 
方法 更 加 具有 几何 意义 ， 因 为 它 可 以 明确 地 强调 出 两 个 矢量 之 间 的 角度 。 

我 们 先 直 接 给 出 第 二 个 公式 。 


公式 二 


a.b=|allblcosO 
初 看 之 下 ， 似 乎 和 公式 一 没有 什么 联系 ， 怎 么 会 相等 呢 ? 我 们 先 来 看 最 简单 的 情况 。 假 设 ， 
我 们 对 两 个 单位 矢量 进行 点 积 ， 即 4.b ， 如 图 4.24 所 示 。 


到 了 产生 魔法 的 时 间 了 1! 我 们 知道 名 的 模 为 1， 且 读者 应 b 
该 记得 eost 0 。 我 们 可 以 发 现 ， 图 中 公 . 全 的 结果 刚好 
就 是 cos6 对 应 的 直角 边 。 因 此 ， 由 图 4.24 可 以 得 到 ; 
aA:p= i =CoSO ， 


这 也 就 是 说 ， 两 个 单位 矢量 的 点 积 等 于 它们 之 间 夹 角 的 
余弦 值 。 再 应 用 性 质 一 就 可 以 得 到 公式 二 了 : 
‘b=(|al 4 )-(lb|p )=lallbl( 4 . b )=lallbleosO 

也 就 是 说 ， 两 个 矢量 的 点 积 可 以 表示 为 两 个 矢量 的 模 相 乘 ， 再 乘 以 它们 之 间 夹 角 的 余弦 值 。 
从 这 个 公式 也 可 以 看 出 ， 为 什么 计算 投影 时 两 个 矢量 的 方向 不 同 会 得 到 不 同 符号 的 投影 值 ， 当 夹 
角 小 于 90° 时 ，cos9 >0; 当 夹 角 等 于 90°? 时 ，cos9=0; 当 夹 角 大 于 90°* 时 ，cos0 <0。 

利用 这 个 公式 我 们 还 可 以 求 得 两 个 向 量 之 间 的 夹 角 在 0" 一 180?): 

Q-arcos( 例 : p )， 假 设 人 和 p 是 单位 矢量 。 


其 中 ，arcos 是 反 余弦 操作 。 
6. 矢量 的 叉 积 


另 一 个 重要 的 矢量 运算 就 是 叉 积 〈cross product)， 也 被 称 为 外 积 (outer product)。 与 点 积 
不 同 的 是 ， 矢 量 又 积 的 结果 仍 是 一 个 矢量 ， 而 非 标 量 。 
和 点 积 类 似 ， 又 积 的 名 称 来 源 于 它 的 符号 : axXb。 同 样 ， 这 个 叉 号 也 是 不 可 省 略 的 。 两 个 矢 
量 的 又 积 可 以 用 如 下 公式 计算 : 
3aXb=(a ay, az)X(Do by, DJ)=(OD 一 0 ax 一 ao ay 一 ap 
上 面 的 公式 看 起 来 很 复杂 ， 但 其 实 是 有 一 定 规律 的 。 图 4.25 给 出 了 这 样 的 规律 图 示 。 


4 图 4.24 ”两 个 单位 矢量 进行 点 积 


已 


x 分 量 ” y 分 量 ”7z 分 量 
第 一 个 矢量 


第 二 个 矢量 寻 十 关 是 


4 图 4.25 三维 矢量 又 积 的 计算 规律 。 不 同 颜色 的 线 表示 了 计算 结果 矢量 中 对 应 颜色 的 分 量 的 计算 路 径 。 
以 红色 为 例 ， 即 结果 矢量 的 第 一 个 分 量 ， 它 是 从 第 一 个 矢量 的 上 分 量 出 发 乘 以 第 二 个 矢量 的 z 分 量 ， 
再 减 去 第 一 个 矢量 的 了 分 量 和 第 二 矢量 的 上 分 量 的 乘积 
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(1,2,3)x(—2, —1,4)=((2)(4) = (3)( =D,(3)( -2) 一 (DGDCD-(C2D)C2)) 
=(8—(-3),(-6)-4,(—1)-(-4))=(11,10,3) 

需要 注意 的 是 ， 又 积 不 满足 交换 律 ， 即 axb 关 bxa。 实 际 上 ， 叉 积 是 满足 反 交 换 律 的 ， 即 
axb=-(bxa)。 而 且 又 积 也 不 满足 结合 律 ， 即 (a Xb) xc 关 ax(bxc)。 

从 叉 积 的 几何 意义 出 发 ， 我 们 可 以 更 加 深入 地 理解 它 的 用 处 。 对 两 个 矢量 进行 又 积 的 结果 会 
得 到 一 个 同时 垂直 于 这 两 个 矢量 的 新 矢量 。 我 们 已 经 知道 ， 矢 量 是 由 一 个 模 和 方向 来 定义 的 ， 那 
么 这 个 新 的 矢量 的 模 和 方向 是 什么 呢 ? 

我 们 先 来 看 它 的 模 。axb 的 长 度 等 于 a 和 的 模 的 乘积 再 乘 以 它们 之 间 夹 角 的 正弦 值 。 公 式 
如 下 : 


laxbl=|allblsin6 
读者 可 能 已 经 发 现 ， 上 述 公 式 和 点 积 的 计算 公式 很 类 似 ， 不 同 的 是 ， 这 里 使 用 的 是 正弦 值 。 
如 果 读 者 对 中 学 数学 还 有 记忆 的 话 ， 可 能 还 会 发 现 ， 这 和 平行 四 边 形 的 面积 计算 公式 是 一 样 的 。 
如 果 你 忘记 了 ， 没 关系 ,我们 在 这 里 回忆 一 下 。 
如 图 4.26 所 示 ， 我 们 使 用 a 和 bb 构建 一 个 平行 四 边 形 。 
我 们 知道 ， 平 行 四 边 形 的 面积 可 以 使 用 |blh 来 得 到 ， 即 底 乘 以 高 。 而 有 又 可 以 使 用 |a| 和 来 角 09 
来 得 到 ， 即 


NS 


A=|blh=|bl(|alsin W=|allblsin =|axb| 
你 可 能 会 问 ， 如 果 a 和 hb 平行 《可 以 是 方向 完全 相同 ， 也 可 以 是 完全 相反 ) 怎么 办 ， 不 就 不 
能 构建 平行 四 边 形 了 吗 ? 我 们 可 以 认为 构建 出 来 的 平行 四 边 形 面 积 为 0， 那 么 axb=0。 注 意 ， 这 
里 得 到 的 是 零 向 量 ， 而 不 是 标量 '0。 

下 面 ， 我 们 来 看 结果 矢量 的 方向 关 你 可 能 会 说 :“ 方 向 ? 不 是 已 经 说 了 方向 了 嘛 ， 就 是 和 两 个 
矢量 都 垂直 就 可 以 了 啊 。.” 但 是 六 如 果 你 仔细 想 一 下 就 会 发 现 ， 实 际 上 我 们 有 两 个 方向 可 以 选择 ， 
这 两 个 方向 都 和 这 两 个 矢量 垂直 。 那 么 ， 我 们 要 选择 哪个 方向 呢 ? 

这 里 就 要 和 之 前 提 到 的 左手 坐标 系 和 右手 坐标 系 联系 起 来 了 ， 如 图 4.27 所 示 。 


右手 坐标 系 : ax b 


a 
b 左手 坐标 系 : axb 
A 图 4.26 ”使 用 矢量 a 和 A 图 4.27 分 别 使 用 左手 坐标 系 和 
矢量 b 构建 一 个 平行 四 边 形 右手 坐标 系 得 到 的 又 积 结果 
这 个 结果 是 怎么 得 到 的 昵 ? 来 ， 举 起 你 的 双手 ! 哦 ， 不 …… 先 举 起 你 的 右手 。 在 右手 坐标 系 
中 ，axb 的 方向 将 使 用 右手 法 则 来 判断 。 我 们 先 想象 把 手心 放 在 了 a 和 的 尾部 交点 处 ， 然 后 张 
开 你 的 手掌 让 手掌 方向 和 a 的 方向 重合 ， 再 弯曲 你 的 四 指 让 它们 向 b 的 方向 靠 扰 ， 最 后 伸 出 你 的 


大 拇指 ! 大 拇指 指向 的 方向 就 是 右手 坐标 系 中 axb 的 方向 了 。 如 果 你 实在 不 明白 怎么 摆 放 和 扭 动 
你 的 手 ， 那 么 就 看 图 4.28 好 了 。 


同 理 ， 我 们 可 以 使 用 左手 法 则 来 判断 左手 坐标 系 ! i 
axb 的 方向 。 赶紧 举 起 你 的 左手 试 试 吧 〔( 你 可 能 会 发 现 
这 个 姿势 比较 扭曲 。)! 
需要 注意 的 是 ， 虽 然 看 起 来 左右 手 坐标 系 的 选择 会 
影响 又 积 的 结果 ， 但 这 仅仅 是 “看 起 来 ”而 已 。 从 又 积 
的 数学 表达 式 可 以 发 现 ， 使 用 左手 坐标 系 还 是 右手 坐标 
系 不 会 对 计算 结果 产生 任何 影响 ， 它 影响 的 只 是 数字 在 
三 维 空间 中 的 视觉 化 表现 而 已 。 当 从 右手 坐标 系 转 换 为 
左手 坐标 系 时 ， 所 有 点 和 矢量 的 表达 和 计算 方式 都 会 保 
持 不 变 , 只 是 当 呈 现 到 屏幕 上 时 , 我 们 可 能 会 发 现 “ 喷 ， 
怎么 图 像 反 过 来 了 !”。 当 我 们 想 要 两 个 坐标 系 达到 同样 
的 视觉 效果 时 ， 可 能 就 需要 改变 一 些 数学 运算 公式 ， 这 


上 


不 在 本 书 的 范 畸 内。 有 兴趣 的 读者 可 以 参考 本 章 的 扩展 4 图 4.28 使 用 右手 法 则 判 电 
阅读 间 分 右手 坐标 系 中 axb 的 方向 


那么 ， 又 积 到 底 有 什么 用 呢 ? 最 常见 的 一 个 应 用 就 是 计算 垂直 于 一 个 平面 、 
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另外 ， 还 可 以 用 于 判断 三 角 面 片 的 朝向 。 读 者 可 以 在 本 节 的 练习 题 中 找到 这 些 应 用 。 


4.3.3 练习 题 


又 到 了 做 练习 的 时 候 了 ， 大 家 是 不 是 都 很 激动 ! 那么 ， 赶 紧 拿 起 笔 、 拿 起 纸 开 始 吧 ! 


1. 是 非 题 


QD 一 个 矢量 的 大 小 不 重要 ， 我 们 只 需要 在 正确 的 位 置 把 它 画 出 来 就 可 以 了 。 


@ 点 可 以 认为 是 位 置 矢量 ， 这 是 通过 把 矢量 的 尾 固 定 在 原点 得 到 的 。 
@) 选择 左手 坐标 系 还 是 右手 坐标 系 很 重要 ， 因 为 这 会 影响 又 积 的 计算 。 
2. 计算 下 面 的 矢量 运算 : 
© |2,7,3| 
@ 2.5(5,4,10) 
® 9 
2 
由 对 (5,12) 进 行 归 一 化 
@@ (1,1,1) 进 行 归 一 化 
© (7,4)+(3,5) 
@ (9,4,13)-(15,3,11) 


3. 假设 , 场景 中 有 一 个 光源 ， 位 置 在 (10,13,11) 处 ， 还 有 一 个 点 (2,1,1)， 那 么 光源 距离 该 点 的 


距离 是 多 少 ? 
4. 计算 下 面 的 矢量 运算 : 
QW (4,7):(3,9) 
©® (2,5,6):(3,1,2)-10 
@) 0.5(-3,4).(-2,5) 
图 (3,-12) X(-5,4,1) 
© (-5,4.0)X(3,-1.2) 
5. 已 知 矢量 a 和 矢量 b，a 的 模 为 4，b 的 模 为 6， 它 们 之 间 的 夹 角 为 60。。 


计算 : 
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QO ab 
BB 


@ laxb| 提示 : sin60" = a 0.866 ，cos60°= 5 ~0.5。 


6. 假设 , 场景 中 有 一 个 NPC， 它 位 于 点 p 处 ， 它 的 前 方 (forward) 可 以 使 用 矢量 v 来 表示 。 

GO 如 果 现 在 玩家 运动 到 了 点 x 处， 那么 如 何 判断 玩 家 是 在 NPC 的 前 方 还 是 后 方 ?请 使 用 数 
学 公式 来 描述 你 的 答案 。 提 示 : 使 用 点 积 

@ 使 用 你 在 a 中 提 到 的 方法 ， 代 入 p=(4,2),v=(-3,4),x=(10,6) 来 验证 你 的 答案 。 

@) 现在 ,游戏 有 了 新 的 需求 : NPC 只 能 观察 到 有 限 的 视角 范围 ， 这 个 视角 的 角度 是 办 也 就 
是 说 NPC 最 多 只 能 看 到 它 前 方 堪 侧 或 右 侧 2 度 内 的 物体 ,那么 , 我 们 如 何 通 过 点 积 来 判断 NPC 
是 否 可 以 看 到 点 x 呢 ? 

@ 在 c 的 条 件 基础 上 ， 策划 又 有 了 新 的 需求 : NPC 
的 观察 距离 也 有 了 限制 , 它 只 能 看 到 固定 距离 内 的 对 象 ， 
现在 又 如 何 判断 呢 ? 

7. 在 泻 染 中 我 们 时 常会 需要 判断 一 个 三 角 面 片 是 正 
看 还 是 背面 ，; 这 可 以 通过 淹 三 角形 的 3 个 顶点 在 当前 a 
空间 中 是 顺 时 针 还 是 逆 时 针 排 列 来 得 到 。 给 定 三 角形 的 
3 个 顶点 pl、p2 和 ps3， 如 何 利用 叉 积 来 判断 这 3 个 点 的 。 ”人 里 妇 案 。 
顺序 是 顺 时 针 还 是 逆 时 针 ? 假设 我 们 使 用 的 是 左手 坐标 
系 ,， 且 Pi 、p 和 3 都 位 于 xy 平面 人 即 它们 的 z 分 量 均 为 


0)， 人 眼 位 于 z 轴 的 负 方 向 上 ， 向 过 轴 正 方向 观察 ， 如 4 图 4.29 三 角形 的 三 个 顶点 位 于 xy 平面 上 ， 
图 4.29 所 示 。 人 有 眼 位 于 z 轴 负 方向 ， 向 z 轴 正 方向 观察 
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不 幸 的 是 ， 没 有 人 能 告诉 你 母体 (matrix) 究竟 是 什么 。 你 需要 自己 去 发 现 它 。 
一 一 电影 《黑客 帝国 》( 英 文 名 : The Matrix ) 
和 矩阵， 英文 名 是 matrix。 如 果 你 用 翻译 软件 去 查 matrix 这 个 单词 的 翻译 ， 就 会 发 现 它 还 有 一 
个 意思 就 是 母体 。 事实 上 ， 很 多 人 都 不 知道 ， 那 部 具有 跨 时 代 意 义 的 电影 《黑客 帝国 》 的 英文 名 
就 是 《The Matrix》。 在 电影 《黑客 帝国 》 中 ， 和 母体 是 一 个 庞大 的 虚拟 系统 ， 它 看 似 虚 无 强 纵 ， 但 
又 连接 万 物 。 这 一 点 和 和 矩阵 有 异曲同工 之 妙 。 
没有 人 敢 否 认 和 矩阵 在 三 维 数 学 中 的 重要 性 ， 事 实 上 和 矩阵 在 整个 线性 代数 的 世界 中 都 扮演 了 举 
足 轻 重 的 角色 。 在 三 维 数学 中 ， 我 们 通常 会 使 用 矩阵 来 进行 变换 。 一 个 矩阵 可 以 把 一 个 矢量 从 一 
个 坐标 空间 转换 到 另 一 个 坐标 空间 。 在 第 2 章 泻 染 流水 线 中 ， 我 们 就 看 到 了 很 多 坐标 变换 ， 例 如 
在 顶点 着 色 器 中 我 们 项 要 把 顶点 坐标 从 模型 间 变 换 到 齐 次 裁剪 坐标 系 中 。 而 在 这 一 章 中 ， 我 们 
先 来 认识 一 下 矩阵 这 个 概念 。 
那么 ， 现 在 我 们 就 来 看 一 下 ， 这 些 放 在 一 个 小 括号 里 的 数字 怎么 就 这 么 重要 呢 ? 为 什么 数学 
家 们 都 喜欢 用 这 个 小 东西 来 搞 出 这 么 多 名 堂 呢 ? 
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4.4.1 和 矩阵 的 定义 
相信 很 多 读者 都 见 过 矩阵 的 真 容 ， 例 如 像 下 面 这 个 样子 : 


从 它 的 外 观 上 来 看 ， 就 是 一 个 长 方形 的 网 格 ， 每 个 格子 里 放 了 


1 05 3 2 
23 5 \ 10 
4 8 11 5 


个 数字 。 的 确 


， 和 矩阵 就 是 这 


么 简单 : 已 是 


数组 。 在 上 面 的 式 子 中 ， 我 们 是 


中 的 数字 ， 而 一 些 其 他 的 资料 可 
既然 是 网 格 结构 ， 就 意味 着 


2 
能 会 使 


j 圆 括号 或 花 括 号 来 表示 ， 这 都 是 等 价 


虑 阵 有 行 (row) 列 (column) 之 分 。 例 如 上 面 日 


的 矩阵 ， 它 有 三 行 四 列 。 据 此 ， 我 们 


可 以 给 出 矩阵 的 一 般 表 达 式 。 以 3X3 的 矩阵 为 


mm Mm ms 
M=|m, m, ms 
no Ny My 


1 表明 了 这 个 元 素 在 矩阵 M 的 第 i 行 、 第 j 列 。 


这 样 看 起 来 矩阵 也 没什么 
4.4.2 ”和 矢量 联系 起 来 


前 面 说 到 ， 矢 量 其 
我 们 很 容易 想到 ， 我 


门 可 以 ) 


成 行 矩阵 


或 列 矩 阵 


方 括号 来 
的 。 
的 例子 就 是 一 个 3 义 4 


围 住 矩 阵 


例 ， 它 可 以 写成 : 


秘 的 嘛 。 但 是 ， 越 简单 的 东西 往往 越 厉害 ， 这 也 是 数学 的 魅力 所 在 。 


实 就 是 一 个 数组 ， 而 矩阵 也 是 一 个 数组 。 既 然 都 是 数组 ， 居 
矩阵 来 表示 矢量 。 实 际 上 ， 人 矢量 可 以 看 成 是 nxl 的 
matrix) 或 1xn 的 行 矩 阵 (row matrix)， 其 ' 


丑 对 应 了 矢量 的 允 


[3 8 6] 
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伍 度 。 例 如 ， 矢 量 


bP 就 是 一 家 人 了 ! 
列 矩 阵 〈column 
v=(3,8,6) 可 以 写 


为 什么 我 们 要 把 矢量 和 和 矩阵 联系 在 一 起 呢 ?” 这 是 为 了 可 以 让 矢量 像 一 个 矩阵 一 样 一 起 参与 逢 
阵 运 算 。 这 在 空间 变换 中 将 非常 有 用 。 

到 现在 ， 使 用 行 矩 阵 还 是 列 和 矩阵 来 表示 矢量 看 起 来 是 没什么 分 别 的 。 的 确 ， 我 们 可 以 根据 自 
己 的 喜好 来 选择 表示 方法 ， 但 是 ， 如 果 要 和 和 矩 阵 一 起 参与 乘法 运算 时 ， 这 种 选择 会 影响 我 们 的 书 
写 顺 序 和 结果 。 这 正 是 我 们 下 面 要 讲 到 的 。 


4.4.3 ”矩阵 运算 


三 | 
大 


， 李 运 的 是 在 写 Shader 的 过 程 ! 


1. 矩阵 和 标量 的 乘法 


矩阵 这 个 家 伙 看 起 来 比 矢 量 要 庞大 很 多 ， 那 么 它 的 运算 是 不 是 很 复杂 呢 ? 答案 是 肯定 


的 。 但 


， 我 们 只 需要 和 很 简单 的 


部 分 运算 打交道 。 


和 矢量 类 似 ， 和 拢 阵 也 可 以 和 标量 相 乘 ， 它 的 结果 仍然 是 一 个 相同 维度 的 矩阵 


法 非常 简单 


， 就 是 矩阵 的 每 个 元 素 和 该 标量 相 乘 。 以 3x3 的 矩阵 为 例 ， 其 公式 如 


。 它 们 之 间 的 乘 
于 
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2.， 和 矩阵 和 和 矩阵 的 乘法 

两 个 矩阵 的 乘法 也 很 简单 ， 它 们 的 结果 会 是 一 个 新 的 和 矩阵， 并 且 这 个 矩阵 的 维度 和 两 个 原 拢 
阵 的 维度 都 有 关系 。 
一 个 rxXn 的 矩阵 A 和 一 个 nXc 的 矩阵 B 相 习 , 它 们 的 结果 4B 将 会 是 一 个 rXc 大 小 的 和 矩阵。 
青 读 者 注意 它们 的 行列 关系 ， 第 一 个 矩阵 的 列 数 必须 和 第 二 个 矩阵 的 行 数 相 同 ， 它 们 相 乘 得 到 的 
E 阵 的 行 数 是 第 一 个 和 矩阵 的 行 数 , 而 列 数 是 第 二 个 矩阵 的 列 数 。 例 如 , 如 果 和 矩阵 4 的 维度 是 4X3， 
和 矩阵 如 的 维度 是 3X6， 那 么 4B 的 维度 就 是 4X6。 

如 果 两 个 矩阵 的 行列 不 满足 上 面 的 规定 怎么 办 ? 那么 很 抱歉 ， 这 两 个 矩阵 就 不 能 相 乘 ， 因 为 
它们 之 间 的 乘法 是 没有 被 定义 的 (当然 ， 读 者 完全 可 以 自己 定义 一 种 新 的 乘法 ， 但 是 数学 家 们 会 
不 会 买账 就 不 一 定 了 )。 那 么 为 什么 会 有 上 面 的 规定 呢 ?” 等 我 们 理解 了 矩阵 乘法 的 操作 过 程 自然 就 
会 明白 。 

我 们 先 给 出 看 起 来 很 复杂 难 懂 〈 当 给 出 直观 的 表 式 后 读者 会 发 现 其 实 它 没 那么 难 懂 ) 的 数学 
表达 式 : 设 有 rXn 的 和 矩阵 A 和 一 个 nxc 的 和 矩阵 BB， 它 们 相 乘 会 得 到 一 个 rXc 的 矩阵 C=4B。 那 
么 ，C 中 的 每 一 个 元 素 cj 等 于 4 的 第 六 行 所 对 应 的 矢量 和 B 的 第 j 列 所 对 应 的 矢量 进行 矢量 点 
的 结果 ， 即 


<- 


Sy 


n 
Gianabat Ci2zp2 计 … 十 ainbn= Parby 
=1 


看 起 来 很 复杂 对 吗 ? 但 是 ,~ 我 们 可 以 用 一 个 更 简单 的 方式 来 解释 ， 对 于 每 个 元 素 cj;， 我 们 找 
到 4 中 的 第 i 行 和 B 中 的 第 j 列 ,然后 把 它们 的 对 应 元 素 相 乘 后 再 加 起 来 ， 这 个 和 就 是 cj。 

一 种 更 直观 的 方式 如 图 4.30 所 示 。 假 设 4 的 大 小 是 4x2，B 的 大 小 是 2x4， 那 么 如 果 要 计算 
C 的 元 素 cw 的话 ， 先 找到 对 应 的 行 矩 阵 和 列 矩 阵 ， 即 
4 中 的 第 2 行 和 BB 中 的 第 3 列 , 把 它们 进行 矢量 点 积 后 bt bu [5 bu 
就 可 以 得 到 结果 值 。 因此 ， C23=Q21D13+Q22D23。 区 b22 b23 | 


在 Shader 的 计算 中 , 我 们 更 多 的 是 使 用 4X4 矩阵 

来 运算 的 。 al1 al2 cll cl2 C13 C14 
中 阵 乘法 满足 一 些 性 质 。 021 a22 cal C22 |cz3| c24 
性 质 一 :矩阵 乘法 并 不 满足 交换 律 。 a3l 4a32 C31 C32 C33 C34 
也 就 是 说 ， 通常 情况 下 : ad4l 442 C41 C42 C43 C44 

ABzBA 4 图 4.30 计算 cx 的 过 程 

性 质 二 : 矩阵 乘法 满足 结合 律 。 
岂 就 是 说 ， 


(AB)C=A(BOC) 
和 中 阵 乘法 的 结合 律 可 以 扩展 到 更 多 和 珑 阵 的 相 乘 。 例 如 ， 
ABCDE=((A(BC)D)E=(AB)(CD)E 
读者 可 根据 和 矩阵 乘法 的 定义 很 轻松 地 验证 上 述 结论 。 


4.4.4 特殊 的 和 矩阵 
有 一 些 特殊 的 矩阵 类 型 在 Shader 中 经 常见 到 。 这 些 特殊 的 矩阵 往往 具有 一 些 重要 的 性 质 。 


1. 方块 矩阵 

方块 矩阵 〈square matrixg)， 简 称 方 阵 ， 是 指 那些 行 和 列 数目 相等 的 矩阵 。 在 三 维 泻 染 里 ， 最 
常 使 用 的 就 是 3X3 和 4X4 的 方 阵 。 

方 阵 之 所 以 值得 单独 拿 出 来 讲 ， 是 因为 矩阵 的 一 些 运算 和 性 质 是 只 有 方 阵 才 具 有 的 。 例 如 ， 
对 角 元 素 〈diagonal elements)。 方 阵 的 对 角 元 素 指 的 是 行 号 和 列 号 相等 的 元 素 ， 例 如 mi、m2z、 
ma3 等 。 如 果 把 方 阵 看 成 一 个 正方 形 的 话 ， 这 些 元 素 排列 在 正方 形 的 对 角 线 上 ， 这 也 是 它们 名 字 
的 由 来 .如 果 一 个 矩阵 除了 对 角 元 素 外 的 所 有 元 素 都 为 0, 那么 这 个 矩阵 就 叫做 对 角 和 矩 阵 (diagonal 
matrix)。 例 如 ， 下 面 就 是 一 个 4X4 的 对 角 和 矩阵 : 


3 0 0 0 
0 -2 0 0 
0 010 
0 007 


2， 单 位 矩阵 
一 个 特殊 的 对 角 珑 


| 


长 示 。 一 个 3x3 的 单位 矩阵 如 下 : 


是 单位 矩阵 〈identity matrix)， 用 厂 来 


| 


独 起 一 个 名 字 呢 ? 这 是 因为 ， 任 何 和 矩阵 和 它 相 乘 的 结果 还 是 原来 的 和 


到 


1 0 0 
0 1 0 
0 0 1 


ial 


Tt 
Im 


为 什么 要 为 这 种 矩阵 
阵 。 也 就 是 说 ， 


MI=IM=M 


这 就 跟 标 量 中 的 数字 1 一 样 ! 

3.， 转 置 矩 阵 

转 置 失 阵 〈transposed matrix) 实际 是 对 原 矩 阵 的 一 种 运算 ， 即 转 置 运算 。 给 定 一 个 rXcec 的 
矩阵 M， 它 的 转 置 可 以 表示 成 MI， 这 是 一 个 cxr 的 矩阵 。 转 置 矩 阵 的 计算 非常 简单 ， 我 们 只 需 
要 把 原 矩 阵 翻 转 一 下 即 可 。 也 就 是 说 ， 原 矩阵 的 第 i 行 变 成 了 第 i 列 ， 而 第 j 列 变 成 了 第 j 行 。 数 


学 公式 是 : 


T 
Mi=M, 
例如 ， 
6 
62103 |25 
7 5 49 10 4 
3 9 
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对 于 行 矩 阵 和 列 抢 阵 来 说 ， 我 们 可 以 使 用 转 置 操 作 来 转换 行列 矩阵 ; 


[x yz] 下 


克 

站 
次 
发 
a 


by 有 一 些 常用 的 性 质 。 
性 质 一 : 矩阵 转 置 的 转 置 等 于 原 和 矩阵 。 
很 容易 理解 ， 我 们 把 一 个 矩阵 翻转 一 下 后 再 翻转 一 下 ， 等 于 没有 对 矩阵 做 任何 操作 。 即 
CDI=M 

性 质 二 : 和 矩阵 串 接 的 转 置 ， 等 于 反 向 串 接 各 个 矩阵 的 转 置 。 


用 公式 表示 就 是 : 


(4B)'=B'AT 
该 性 质 同样 可 以 扩展 到 更 多 和 矩阵 相 乘 的 情况 。 
4， 逆 矩阵 


逆 和 矩阵 〈inverse matrix) 大 概 是 本 书 讲 到 的 关于 和 矩阵 最 复杂 的 一 种 操作 了 。 不 是 所 有 的 矩阵 
都 有 道 和 矩阵， 第 一 个 前 提 就 是 ,% 该 窍 阵 必须 是 一 个 方 阵 。 
给 定 一 个 方 阵 M， 它 的 逆 窍 阵 用 MM ! 来 表示 。 首 矩阵 最 重要 的 性 质 就 是 ， 如 果 我 们 把 MM 和 
M 相 乘 ， 那 么 它们 的 结果 将 会 是 一 个 单位 矩阵 。 也 就 是 说 ， 

MM = MM=I 

前 面 说 了 ， 并 非 所 有 的 方 阵 都 有 对 应 的 逆 和 矩阵 。 一 个 明显 的 例子 就 是 一 个 所 有 元 素 都 为 0 的 
和 矩阵， 很 显然 ， 任 何 矩 了 泗 和 它 相 乘 都 会 得 到 一 个 零 矩 阵 ， 即 所 有 的 元 素 仍然 都 是 0。 如 果 一 个 算 
阵 有 对 应 的 逆 和 矩阵 ， 我 们 就 说 这 个 矩阵 是 可 逆 的 〈invertible) 或 者 说 是 非 奇 异 的 《nonsingular); 
相反 的 ， 如 果 一 个 窍 阵 没有 对 应 的 逆 和 矩阵 ， 我 们 就 说 它 是 不 可 逆 的 (noninvertible) 或 者 说 是 奇 


那么 如 何 判断 一 个 矩阵 是 否 是 可 道 的 呢 ? 简单 来 说 ， 如 果 一 个 矩阵 的 行列 式 《determinant) 
不 为 0， 那 么 它 就 是 可 道 的。 关于 矩阵 的 行列 式 是 什么 以 及 如 何 求解 一 个 矩阵 的 逆 矩 阵 ， 可 以 参 
见 本 章 的 扩展 阅读 部 分 。 由 于 这 部 分 内 容 涉及 较 多 计算 和 其 他 定义 ， 本 书 不 再 熬 述 。 在 写 Shader 
的 过 程 中 ， 这 些 矩 阵 通常 可 以 通过 调用 第 三 方 库 〈 如 C++ 数学 库 Eigen) 来 直接 求 得 ， 不 需要 开 
发 者 手动 计算 。 在 Unity 中 ， 重 要 变换 矩阵 的 道 矩 阵 Unity 也 提供 了 相应 的 变量 供 我 们 使 用 。 关 
于 这 些 Unity 内 置 的 矩阵 ， 读 者 可 以 在 本 章 的 3.8 节 找到 更 详细 的 解释 。 
逆 矩 阵 有 很 多 非常 重要 的 性 质 。 
性 质 一 ， 逆 矩阵 的 逆 矩 阵 是 原 矩阵 本 身 。 
假设 算 阵 M 是 可 逆 的 ， 那 么 


Cd "=M 
性 质 二 : 单位 矩阵 的 逆 矩 阵 是 它 本 身 。 
即 


7 一 


性 质 三 : 转 置 矩 阵 的 逆 抢 阵 是 逆 矩 阵 的 转 置 。 


即 

CD = 
性 质 四 : 矩阵 串 接 相 乘 后 的 逆 矩 阵 等 于 反 向 串 接 各 个 矩阵 的 逆 矩 阵 。 
即 


(4B) '=B 4 

这 个 性 质 也 可 以 扩展 到 更 多 和 矩阵 的 连 乘 ， 如 : 
(ABCD) '=D"'C BA! 

逆 和 矩阵 是 具有 几何 意义 的 。 我 们 知道 一 个 矩阵 可 以 表示 一 个 变换 〈 详 见 4.5 节 )， 而 逆 和 矩阵 允 
许 我 们 还 原 这 个 变换 ， 或 者 说 是 计算 这 个 变换 的 反 向 变换 。 因 此 ， 如 果 我 们 使 用 变换 矩阵 M 对 矢 
量 v 进行 了 一 次 变换 ， 然 后 再 使 用 它 的 逆 矩 阵 Wi 进行 另 一 次 变换 ,那么 我 们 会 得 到 原来 的 矢量 。 
这 个 性 质 可 以 使 用 和 矩阵 乘法 的 结合 律 很 容易 地 进行 证 明 : 

M My)=(M M)v=Iv=v 


5. 正 交 和 矩阵 


另 一 个 特殊 的 方 阵 是 正 交 和 矩阵 〈orthogonal matrix)。 正 交 是 矩阵 的 一 种 属性 。 如 果 一 个 方 阵 
M 和 它 的 转 置 矩阵 的 乘积 是 单位 矩阵 的 话 ， 我 们 就 说 这 个 矩阵 是 正 交 的 《orthogonal)。 反 过 来 也 
是 成 立 的 。 也 就 是 说 ， 算 阵 M 是 正 交 的 等 价 于 : 
MM'"= MM=I 

读者 可 能 已 经 看 出 来 ， 上 式 和 我 们 在 上 一 节 讲 到 的 逆 和 矩阵 时 遇 到 的 公式 很 像 。 把 这 两 个 公式 
结合 起 来 ， 我 们 就 可 以 得 到 一 个 重要 的 性 质 ， 即 如 果 一 个 矩阵 是 正 交 的 ， 那 么 它 的 转 置 矩阵 和 北 
和 矩阵 是 一 样 的 。 也 就 是 说 ， 和 矩阵 MM 是正 交 的 等 价 于 : 
M'=M"" 

这 个 式 子 非常 有 用 ， 因 为 在 三 维 变换 中 我 们 经 常会 需要 使 用 逆 窍 阵 来 求解 反 向 的 变换 。 而 逆 
和 矩阵 的 求解 往往 计算 量 很 大 , 但 转 置 矩 阵 却 非常 容易 求解 : 我 们 只 需要 把 矩阵 翻转 一 下 就 可 以 了 。 
那么 ， 我 们 如 何 提前 判断 一 个 矩阵 是 否 是 正 交 矩阵 呢 ? 读者 可 能 会 说 ， 判 断 MMI=7 是 否 成 立 就 
可 以 了 嘛 ! 但 是 ， 求 解 这 样 一 个 表达 式 无 疑 是 需要 一 定 计 算 量 的 ， 这 些 计 算 量 可 能 和 直接 求解 逆 
矩阵 无 异 。 而 且 ， 如 果 我 们 判断 出 来 这 不 是 一 个 正 交 和 矩阵 ， 那 么 这 些 花 在 验证 是 否 是 正 交 和 矩阵 上 
的 计算 就 浪费 了 。 因 此 ， 我 们 更 想 不 需 要 计算 ， 而 仅仅 根据 一 个 矩阵 的 构造 过 程 来 判断 这 个 矩阵 
是 否 是 正 交 矩阵。 为 此 ， 我 们 需要 来 了 解 正 交 算 阵 的 几何 意义 。 

我 们 来 看 一 下 对 于 3X3 的 正 交 和 矩 阵 有 什么 特点 。 根 据 正 交 甜 阵 的 定义 ， 我 们 有 : 


二 | C2 CI CC CC 
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这 样 ， 我 们 就 有 了 9 个 等 式 : 
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60 


clCci=1，clcz=0，c1c3=0 
c2 CI=0，c2c2=]，c2c3=0 
ci CI=0，c3c2=0，c3c3=] 
我 们 可 以 得 到 以 下 结论 : 
。 和 矩阵 的 每 一 行 ， 即 cI/、cs 和 cs 是 单位 矢量 ， 因 为 只 有 这 样 它们 与 自己 的 点 积 
。 和 矩阵 的 每 一 行 ， 即 ct、cz 和 cs 之 间 互 相 垂直 ， 因 为 只 有 这 样 它们 之 间 的 点 积 8 
。 上 述 两 条 结论 对 矩阵 的 每 一 列 同样 适用 ， 因 为 如 果 M 是 正 交 和 矩阵 的 话 ，M? 也 会 是 正 交 算 阵 。 
出 就 是 说 ， 如 果 一 个 矩阵 满足 上 面 的 条 件 ， 那 么 它 就 是 一 个 正 交 德 阵 。 读 者 可 以 注意 到 ， 一 
组 标准 正 交 基 (定义 详 见 4.2.2 节 ) 可 以 精确 地 满足 上 述 条 件 。 在 4.6.2 节 中 ， 我 们 会 使 用 坐标 空 
间 的 基 矢 量 来 构建 用 于 空间 变换 的 和 矩阵。 因此 ， 如 果 这 些 基 矢量 是 一 组 标准 正 交 基 的 话 《〈 例 如 只 
存在 旋转 变换 )， 那 么 我 们 就 可 以 直接 使 用 转 置 矩 阵 来 求 得 该 变换 的 逆 变 换 。 
读者 : 我 被 标准 正 交 、 正 交 这 些 概念 搞 混 了 ， 可 以 再 说 明 一 下 是 什么 意思 吗 ? 
我 们 : 读者 应 该 已 经 知道 ， 一 个 坐标 空间 需要 指定 一 组 基 矢 量 ， 也 就 是 我 们 理解 的 坐标 轴 。 
如 果 这 些 基 矢量 之 间 是 互相 垂直 的 ， 那 么 我 们 就 把 它们 称 为 是 一 组 正 交 基 (orthogonal basis ) 。 
但 是 ， 它 们 的 长 度 并 不 要 求 一 定 是 1。 如 果 它 们 的 长 度 的 确 是 1 的 话 ， 我 们 就 说 它们 是 一 组 标准 
正 交 基 (orthonormal basis)。 因 此 ， 一 个 正 交 和 矩阵 的 行 和 列 之 间 分 别 构成 了 一 组 标准 正 交 基 。 但 
是 ， 如 果 我 们 使 用 一 组 正 交 基 来 构建 一 个 矩阵 的 话 ， 这 个 矩阵 可 能 就 不 是 一 个 正 交 矩阵， 因为 这 
些 基 矢量 的 长 度 可 能 不 为 1， 也 就 是 说 它们 不 是 标准 正 交 基 。 


4.4.5 行 矩 阵 还 是 列 和 矩阵 

我 们 已 经 了 解 了 足够 多 的 数学 概念 训 但 在 学 习 和 矩阵 的 几何 意义 之 前 ， 我 们 有 必要 说 明 一 下 行 
和 矩 阵 和 列 和 矩阵 的 问题 。 
在 前 面 的 章节 中 我 们 讲 到 ,~ 可 以 把 二 个 矢量 转换 成 一 个 行 矩 阵 或 是 列 矩 阵 。 它 们 本 身 是 没有 
区 别 的 ， 但 是 ， 当 我 们 需要 把 它 和 另 一 个 矩阵 相 乘 时 ， 就 会 出 现 一 些 差异 。 

假设 有 一 个 矢量 y=(x,y,z), 我 们 可 以 把 它 转换 成 行 矩 阵 "=(x y 或 列 和 矩阵 y=(x y z) (这 里 
使 用 了 转 置 符 号 来 避免 列 和 矩阵 在 我 们 的 这 一 行 中 显得 太 高 )。 现 在 ， 有 另 一 个 矩阵 M: 


地 


mm Mm Ms 
M=|m, m, ms 


77031 712 711033 J 


那么 M 分 别 和 行 矩 阵 以 及 列 和 矩阵 相 乘 后 会 是 什么 结果 呢 ? 我 们 先 来 看 M 和 行 矩 阵 的 相 乘 。 
矩阵 乘法 的 定义 可 知 ， 我 们 需要 把 行 矩 阵 放 在 M 的 左边 (还 记得 吗 ， 矩阵 乘法 要 求 两 个 和 矩阵 的 
行列 数 满足 一 定 条 件 )， 即 
vM = [Xm + yn 十 Im Xm + Yr + my XM + Ys + Zs] 
而 如 果 和 列 矩 阵 相 乘 的 话 ， 结 果 是 : 


XM 十 YM 十 Zs 
My = | xm + ym + ms 


2011131 十 Ym + Z11033 


读者 认真 对 比 就 会 发 现 ， 结 果 和 矩阵 除了 行列 矩阵 的 区 别 外 ， 里 面 的 元 素 也 是 不 一 样 的 。 这 就 
意味 着 ， 在 和 和 矩阵 相 乘 时 选择 行 矩 阵 还 是 列 和 矩阵 来 表示 矢量 是 非常 重要 的 ， 因 为 这 决定 了 和 矩阵 乘 
法 的 书写 次 序 和 结果 值 。 


在 Unity 中 ， 常 规 做法 是 把 矢量 放 在 秆 阵 的 右 侧 ， 即 把 矢量 转换 成 列 入 隆 来 进行 运算 。 因 此 ， 
在 本 书后 面 的 内 容 中 ， 如 无 特殊 情况 ， 我 们 都 将 使 用 列 矩阵 。 这 意味 着 ， 我 们 的 矩阵 乘法 通常 都 
是 右 乘 ， 例 如 ， 


CBAv =(C(B(Av))) 
使 用 列 向 量 的 结果 是 ， 我们 的 阅读 顺序 是 从 右 到 左 ， 即 先 对 vy 使 用 4 进行 变换 ， 再 使 用 B 进 
行 变换 ， 最 后 使 用 C 进行 变换 。 
上 面 的 计算 等 价 于 下 面 的 行 矩阵 运算 ; 
vA'B'C™ =((047)BTI)JC7T) 
下 的 含义 ， 可 以 参见 练习 题 3。 


y 让 
El 
渔 
ST 
全 
谎 
习 
I 
CC 
汲 
ly 
T 


4.4.6 ”练习 题 
1. 判断 下 面 矩 阵 的 乘法 是 否 存在 。 如 果 存 在 ， 计 算 它 们 的 乘积 


GD | 1 | 
[2 4|10 2 
cs 2 4 | 
2 1 
1 -2 3 
(3) |5 4 
6 3 
2. 判断 下 面 的 矩阵 是 否 是 正 交 和 矩阵 。 


[1 0 0 
(1) |1 0 0 


1 0 0 


0 
1 
(2) 
0 
0 


(3) |sinO cos0O 0 
| 0 0 1 


cos -sing : 


3. 给 Sh he 考虑 两 种 情况 下 

得 到 的 矢量 结果 是 否 一 样 。 如 果 不 一 样 ， 考 虑 如 何 得 到 相同 的 结果 。 
1 0 0 
(1) |0 1 0 
0 0 1 


[1 0 2 
(2) |0 1 -3 


10 0 3 

[2 -1 3 
(3) | -1 ;3 

3 -3 4 


区 甜 阵 的 几何 意义 : 变换 


关于 矩阵， 很 多 困扰 初学 者 的 问题 都 是 类 似 的 ; 

。 点 和 矢量 都 可 以 在 图 像 中 画 出 来 ， 那 么 矩阵 可 以 吗 ? 

。 我 听 说 矩阵 和 线性 变换 、 仿 射 变换 有 关 ， 这 些 变换 到 底 是 什么 意思 呢 ? 
。 我 总 是 听 到 齐 次 坐标 这 个 名 词 ， 它 是 什么 意思 呢 ? 
。 变换 和 和 矩阵 的 关系 又 是 什么 呢 ? 或 者 说 ， 给 定 一 个 变换 ， 我 如 何 得 到 它 对 应 的 矩阵 呢 ? 
在 学 习 完 本 节 后 ， 希 望 读者 们 能 够 回答 出 这 些 问 题 。 
对 于 第 一 个 问题 ， 在 三 维 演 染 中 和 矩阵 可 以 可 视 化 吗 ? 幸运 的 是 ， 答 案 是 肯定 的 ， 这 个 可 视 化 
的 结果 就 是 变换 。 因 此 ， 如 果 读 者 在 后 面 的 内 容 中 看 到 了 一 个 矩阵 ， 那 么 你 可 以 认为 自己 看 到 的 
就 是 一 个 变换 (当然 ， 在 线性 代数 中 和 矩阵 的 用 处 不 仅 是 用 于 变换 ， 但 本 书 的 讨论 范围 仅 在 于 此 )。 
在 游戏 的 世界 中 ， 这 些 变 换 一 般 包 售 了 旋转 、 缩 放 和 平移 。 游 戏 开 发 人 员 希 望 给 定 一 个 点 或 
矢量 ， 再 给 定 一 个 变换 〈 例 如 把 点 平移 到 另 一 个 位 置 ， 把 矢量 的 方向 旋转 30° 等 )， 就 可 以 通过 某 
个 数学 运算 来 求 得 新 的 点 和 夭 量 。 聪 明 的 先 人 们 发 现 ， 可 以 使 用 和 矩阵 来 完美 地 解决 这 个 问题 。 那 
么 问题 就 变 成 了 ， 我 们 如 何 使 用 秆 阵 米 表示 这 些 变 换 ? 


4.5.1 什么 是 变换 


变换 〈transform)， 指 的 是 我 们 把 一 些 数据 ， 如 点 、 方 向 矢量 甚至 是 颜色 等 ， 通 过 某 种 方式 
进行 转换 的 过 程 。 在 计算 机 图 形 学 领域 ， 变 换 非 常 重 要 。 尽 管 通过 变换 我 们 能 够 进行 的 操作 是 有 
限 的 ， 但 这 些 操作 已 经 足够 商定 变换 在 图 形 学 领域 举足轻重 的 地 位 了 。 

我 们 先 来 看 一 个 非常 常见 的 变换 类 型 线性 变换 (inear transform)。 线 性 变换 指 的 是 那 
些 可 以 保留 矢量 加 和 标量 乘 的 变换 。 用 数学 公式 来 表示 这 两 个 条 件 就 是 : 

f(x)+f0)=f(x+y) 
HC) Cx) 

上 面 的 式 子 看 起 来 很 抽象 。 缩 放 (scale) 就 是 一 种 线性 变换 。 例 如 ，f(x)=2x， 可 以 表示 一 个 
大 小 为 2 的 统一 缩放 ， 即 经 过 变换 后 矢量 x 的 模 将 被 放大 两 倍 。 可 以 发 现 ，f(x)=2x 是 满足 上 面 的 
两 个 条 件 的 。 同 样 ， 旋 转 〈rotation) 也 是 一 种 线性 变换 。 对 于 线性 变换 来 说 ， 如 果 我 们 要 对 一 个 
维 的 矢量 进行 变换 ， 那 么 仅仅 使 用 3X3 的 矩阵 就 可 以 表示 所 有 的 线性 变换 。 

线性 变换 除了 包括 旋转 和 缩放 外 , 还 包括 错 切 (shear)、 镜 像 (mirroring, 也 被 称 为 reflection )、 
正 交 投 影 (orthographic projection ) 等 ， 但 本 书 着 重 讲述 旋转 和 缩放 变换 。 
但 是 ， 仅 有 线性 变换 是 不 够 的 。 我 们 来 考虑 平移 变换 ， 例 如 f(x)=x+(1,2,3)。 这 个 变换 就 不 是 
一 个 线性 变换 ， 它 满足 标量 乘法 ， 但 不 满足 矢量 加 法 。 如 果 我 们 令 x=(1,1,1)， 那 么 : 
foD+fCoo=(4.6.8) 
f(x+x)=(3,4,5) 


可 见 ， 两 个 运算 得 到 


变换 。 这 是 我 们 不 希望 看 到 的 ， 


这 样 ， 就 有 了 仿 射 变换 (affine transform)。 仿 射 变换 就 


的 结果 是 不 一 样 的 。 


此 , 我 们 不 能 


毕竟 平移 变换 是 非常 常见 的 一 种 变换 。 


是 合并 线性 变换 和 


] 一 个 3X3 的 矩阵 来 表示 一 个 平移 


[平移 变换 的 变换 


类 型 。 仿 射 变换 可 以 使 用 一 个 4x4 的 矩阵 来 表示 ， 为 此 ， 我 们 需要 把 矢量 扩展 到 四 维 空间 下 ， 这 
就 是 齐 次 坐标 空间 (homogeneous space)。 
表 4.1 给 出 了 图 形 学 中 常见 变换 和 矩阵 的 名 称 和 它们 的 特性 。 
表 4.1 ”常见 的 变换 种 类 和 它们 的 特性 〈N 表示 不 满足 该 特性 ，Y 表示 满足 该 特性 ) 
变换 名 称 是 线性 变换 吗 是 仿 射 变换 吗 是 可 逆 德 阵 吗 是 正 交 算 阵 吗 
平移 矩阵 N 了 2 
绕 坐 标 轴 旋 转 的 旋转 矩阵 Y Y Y Y 
绕 任 意 轴 旋 转 的 旋转 矩阵 Y Y Y 
按 化 标 轴 缩 放 的 缩放 和 矩阵 Y Y 4 N 
错 切 矩阵 Y Y Y N 
镜像 矩阵 Y Y Y Y 
正 交 投影 矩阵 Y Y N N 
透视 投影 矩阵 N N N N 
在 下 面 的 内 容 中 ， 我 们 将 学 习 其 中 一 些 基 本 的 变换 类 型 : 旋转 ， 缩 放 和 平移 。 对 于 正 交 投影 
和 透视 投影 , 我 们 将 在 4.6.7 节 中 给 出 它们 的 表示 方法 。 而 对 于 其 他 变换 类 型 , 本 书 不 再 具体 讨论 ， 


读者 可 以 在 本 章 的 扩展 阅读 中 找到 更 多 内 容 。 
4.5.2” 齐 次 坐标 

我 们 知道 ， 由 于 3X3 和 矩阵 不 能 表示 平移 操作 ， 我 们 就 把 其 扩展 到 了 4X4 的 矩阵 (是 的 ， 只 
要 多 一 个 维度 就 可 以 实现 对 平移 的 表示 )。 为 此 ， 我 们 还 需要 把 原来 的 三 维 矢量 转换 成 四 维 矢 量 ， 
也 就 是 我 们 所 说 的 齐 次 坐标 《homogeneous coordinate) (事实 上 齐 次 坐标 的 维度 可 以 超过 四 维 ， 


但 本 书 ， 


所 说 的 齐 次 4 
只 是 为 了 方便 计算 而 使 用 的 一 种 表示 方式 而 已 。 
如 上 所 说 ， 齐 次 坐标 是 
一 个 点 ， 从 三 维 坐标 转换 成 齐 次 坐标 是 把 3 


个 四 给 


其 w 分 量 设 为 1， 而 对 


量 设 为 0。 这 样 的 设置 


会 导致 ， 


标 将 泛 指 四 维 齐 次 坐标 )。 我 们 可 以 发 现 , 齐 次 坐标 并 没有 神秘 的 地 方 ， 它 


矢量 。 那 么 ， 我 们 如 何 把 三 维 矢 量 转换 成 齐 次 坐标 呢 ? 对 于 


一 个 4x4 矩阵 对 一 个 点 进行 变换 时 ， 平 移 、 


a 
当 |] 


施加 于 该 点 。 但 是 如 果 是 用 了 


里 解 这 些 差异 的 


容 ! 
4. 


我 们 


原因 。 


5.3 分解 基础 变换 和 矩阵 
已 经 知道 ， 可 以 使 用 一 个 4x4 的 矩阵 来 表示 平移 、 旋 转 和 缩放 。 我 们 把 表 酉 
旋转 和 纯 缩 放 的 变换 矩阵 叫做 基础 变换 和 矩阵。 这 些 和 矩阵 
换 久 


E 阵 分 解 成 4 个 组 成 部 分 : 


其 中 , 左上 角 的 入 


E 阵 Ah3xs3 月 


:有 


变换 一 个 方向 矢量 ， 平 移 的 效果 就 会 被 忽略 。 我 们 可 以 从 下 面 


些 壮 


M;. fa 
0 1 


i 


月 于 表示 旋转 和 缩放 ， tax1 用 于 表示 3 


于 方向 矢量 来 说 ， 需 要 把 其 w 分 


旋转 、 缩 放 都 会 
的 内 


* 纯 平移 、 纯 


同 点 ， 我 们 可 以 把 一 个 基础 变 


F 移 ， 01x3 是 零 矩 阵 ， 即 01x3=[0 
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0 0]， 右 下 角 的 元 素 就 是 标量 1 。 


接 下 来 ， 我 们 来 具体 学 习 如 何 用 这 样 一 个 4X4 的 矩阵 来 表示 平移 、 旋 转 和 缩放 。 
4.5.4 平移 矩阵 
我 们 可 以 使 用 矩阵 乘法 来 表示 对 一 个 点 进行 平移 变换 : 


1 0 0 t. | X 多 
0 10 41|y y+t 
0 0 111t1|z Zz+t, 
0 0 0 111 1 


从 结果 来 看 我 们 可 以 很 容易 看 出 为 什么 这 个 矩阵 有 平移 的 效果 : 点 的 x、y、z 分 量 分 别 增加 
了 一 个 位 置 偏 移 。 在 3D 中 的 可 视 化 效果 是 ， 把 点 (x,y,z) 在 空间 中 平移 了 (th 个 单位 。 
有 趣 的 是 ， 如 果 我 们 对 一 个 方向 矢量 进行 平移 变换 ， 结 果 如 下 : 


I 
ft, 
因 


0 
0 
1 
0 1 


ON < 
ON < 


1 0 
0 1 
0 0 
0 0 


可 以 发 现 ， 平 移 变 换 不 会 对 方向 矢量 产生 任何 影响 。 这 点 很 容易 理解 ， 我 们 在 学 习 矢量 的 时 
候 就 说 过 了 , 矢量 没有 位 置 属性 ; 也 就 是 说 它 可 以 位 于 空间 中 的 任意 一 点 ,因此 对 位 置 的 改变 〈 即 
平移 ) 不 应 该 对 四 维 矢量 产生 影响 。 
现在 ， 读 者 应 该 明白 当 给 定 一 个 平移 操作 时 如 何 构 建 一 个 平移 算 阵 ， 基 础 变换 矩阵 中 的 fsxI 
量 对 应 了 平移 矢量 ， 左 上 角 的 矩阵 Maxs 为 单位 矩阵 1。 


平移 矩阵 的 逆 和 矩阵 就 是 反 向 平移 得 到 的 矩阵， 即 


三 六 


二 
1 


有 


0 
0 一 ! 
1 
0 


可 以 看 出 ， 平 移 矩阵 并 不 是 一 个 正 交 算 阵 。 
4.5.5 缩放 和 矩阵 


我 们 可 以 对 一 个 模型 沿 空间 的 x 轴 、y 轴 和 z 轴 进 行 缩放 。 同 样 ， 我 们 可 以 使 用 矩阵 乘法 来 
表示 一 个 缩放 变换 : 


KK 0 0 0 lx| Ex 
0 k 0 0 jy|l lk,y 
0 0 k 0 zl kz 
0 00 1 Ili|1 


对 方向 矢量 可 以 使 用 同样 的 矩阵 进行 缩放 ; 


k 0 0 0 
0 Kk, 0 0 
0 0 k 0 
0 0 0 1 


ON < 


如 果 缩 放 系 数 =k=k.， 我 们 把 这 样 的 缩放 称 为 统一 缩放 《uniform scale)， 否 则 称 为 非 统一 


缩放 (nonuniform scale)。 从 外 观 上 看 ， 统 一 缩放 是 扩大 整个 模型 ， 而 非 统 一 缩放 会 拉 伸 或 挤 压 


模型 。 更 重要 的 是 ， 统 一 缩放 不 会 改变 角度 帮 
如 在 对 法 线 进 行 变换 时 ， 如 果 存 在 非 统 一 缩放 ， 直 接 使 用 用 于 变换 顶点 上 
上 的 变换 方法 可 参见 4.7 节 。 


和 比例 。 例 


缩放 矩阵 的 逆 矩 阵 是 使 / 


缩放 矩阵 一 般 不 是 正 交 条 


话 ， 就 会 得 到 错误 的 结果 。 正 硼 


E 阵 。 


区 


看 的 矩阵 只 适用 了 


使 用 一 个 复合 变换 。 


坐标 轴 的 缩放 ， 再 
4.5.6 ”旋转 矩 阵 


旋转 是 三 种 常见 的 变换 矩阵 


使 用 逆 变 换 


个 旋转 区 
行 旋转 。 


如 果 我 们 需要 把 点 绕 着 X 砷 


绕 y 和 有 


不 一 定 是 空间 中 的 4 


沿 坐 本 
一 种 方法 的 主要 思想 部 


4 是 


到 原来 的 缩放 和 


和 

及 

区 
k, 

这 证 全 
k, 

0 00 1 


朝 问 。 


最 复杂 的 一 利 


标 旨 


， 但 本 节 所 i 


轴 方 向 进行 缩放 。 如 果 我 们 希望 在 人 
是 ， 先 将 缩放 划 


的 旋转 就 是 指 绕 


的 旋转 也 是 类 似 的 : 


的 旋转 : 


旋转 g 度 ， 可 以 
1 0 


0 cosO 


RW 


0 0 


使 用 下 


看 的 入 


0 


0 


一 SinO 


SinO cosO 


E 阵 : 


I 


j 原 缩放 系数 的 倒数 来 对 点 或 方向 矢量 进行 缩放 ， 即 


E 意 方向 上 进 


着 空间 中 的 x 革 


0 比例 信息 ， 而 非 统 一 缩放 会 改变 与 模型 相关 的 角度 


的 变换 矩阵 的 


行 缩放 ， 就 需要 


Ph。 我 们 知道 ， 旋 转 操 作 需 要 指定 一 个 旋转 轴 ， 


变换 成 标准 坐标 轴 ， 然 后 进行 沿 


、y 旨 


或 和 有 


这 
进 
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coSO_ —sin0 0 0 
SinO cosO 0 0 
RO=|0 0 10 
0 0 0 1 


| 


ul 


旋转 矩阵 的 逆 和 矩阵 是 旋转 相反 角度 得 到 的 变换 矩阵 。 旋 转 矩 
阵 之 间 的 串联 同样 是 正 交 的 。 


4.5.7 ”复合 变换 


我 们 可 以 把 平移 、 旋 转 和 缩放 组 合 起 来 ， 来 形成 一 个 复杂 的 变换 过 程 。 例 如 ， 可 以 对 一 个 模 
型 先进 行 大 小 为 (2, 2, 2) 的 缩放 ， 再 绕 y 轴 旋 转 30"， 最 后 向 z 轴 平 移 4 个 单位 。 复 合 变换 可 以 通 
过 和 矩阵 的 串联 来 实现 。 上 面 的 变换 过 程 可 以 使 用 下 面 的 公式 来 计算 : 

Pow = Marion M soiarion M op 

由 于 上 面 我 们 使 用 的 是 列 和 矩阵 ， 因 此 阅读 顺序 是 从 右 到 左 ， 即 先进 行 缩 放 变 换 ， 再 进行 旋转 
变换 ， 最 后 进行 平移 变换 。 需 要 注意 的 是 ， 变 换 的 结果 是 依赖 于 变换 顺序 的 ， 由 于 和 拖 阵 乘法 不 满 
足 交 换 律 ， 因 此 和 矩阵 的 乘法 顺序 很 重要 。 也 就 是 说 ， 不 同 的 变换 顺序 得 到 的 结果 可 能 是 一 样 的 。 
想象 一 下 ， 如 果 让 读者 向 前 一 步 然 后 左 转 ， 记 住 此 时 的 位 置 。 然 后 回 到 原 位 ， 这 次 先 左 转 再 向 前 
走 一 步 ， 得 到 的 位 置 和 上 一 次 是 不 二 样 的 。 究 其 本 质 ， 是 因为 矩阵 的 乘法 不 满足 交换 律 ， 因 此 不 
同 的 乘法 顺序 得 到 的 结果 是 不 一 样 的 。 

在 绝 大 多 数 情况 下 ， 我 们 约定 变换 的 顺序 就 是 先 缩放 ， 再 旋转 ， 最 后 平移 。 

读者 : 为 什么 要 约定 这 样 的 顺序 ， 而 不 是 其 他 顺序 呢 ? 

我 们 : 因为 这 样 的 变换 顺序 是 我 们 需要 的 。 想 象 我 们 对 奶牛 妞妞 进行 一 个 复合 变换 。 如 
果 我 们 按 先 平 移 、 再 缩放 的 顺序 进行 变换 ， 假 设 初始 情况 下 妞妞 位 于 原点 ， 我 们 先 按 (0, 0, 5) 
平移 它 ， 现 在 它 距 离 原点 $ 个 单位 。 然 后 再 将 它 放 大 2 倍 ， 这 样 所 有 的 坐标 都 变 成 了 原来 的 2 
音 ， 而 这 意味 着 妞妞 现在 的 位 置 是 (0, 0, 10)， 这 不 是 我 们 希望 的 。 正 确 的 做 法 是 ， 先 缩放 再 平 
移 。 也 就 是 说 ， 我 们 先 在 原点 对 妞妞 进行 2 倍 的 缩放 ， 再 进行 平移 ， 这 样 妞 妞 的 大 小 正确 了 ， 
位 置 也 正确 了 。 

为 了 从 数学 公式 上 理解 变换 顺序 的 本 质 ， 我 们 可 以 对 比 不 同 变换 顺序 产生 的 变换 矩阵 的 表达 
式 。 如 果 我 们 只 考虑 对 y 轴 的 旋转 的 话 ， 按 先 缩放 、 再 旋转 、 最 后 平移 这 样 的 顺序 组 合 3 种 变换 
得 到 的 变换 矩阵 是 : 


阵 是 正 


5 矩 阵 ， 而 且 多 个 旋转 矩 


型 


1 0 0 jcosO 0 sing 0lk 0 0 0 
0 1 0 1 10 1 0 0I0 kk 0 0 
Masaion M oiarion M sca10 = . . 
0 0 11 -SnO 0 cosOo 0I10 0 k. 0 
0 0 0 110 0 0 10 0 0 1 
k cos0 0 K_ SinO 1 
0 k, 0 t, 
- -KK SinO 0 kcosO 一 ! 
0 0 0 1 


而 如 果 我 们 使 用 了 其 他 变换 顺序 ， 例 如 先 平 移 ， 再 缩放 ， 最 后 旋转 ， 那 么 得 到 的 变换 矩阵 是 : 


cosO 0 sing 0|IK 0 0 0I10 0 
0 1 0 010 ££ 0 010 10 
rotation WY scal0 WS translation 一 _sing 0 cosg 0llo 0 k ooolr 
0 0 0 10 0 0 1J|0 001 
k.cos0 0 ksing tk.cosO +t.k. SinO 
0 k, 0 tk 
> —k.sin0G 0 k.cos0O —t .ksinO+t.k, coSO 
0 0 0 1 


从 两 个 结果 可 以 看 出 ， 得 到 的 变换 矩阵 是 不 一 样 的 。 

除了 需要 注意 不 同类 型 的 变换 顺序 外 ， 我 们 有 时 还 需要 小 心 旋转 的 变换 顺序 。 在 4.5.6 节 中 ， 
我 们 给 出 了 分 别 绕 x 轴 、y 轴 和 z 轴 旋 转 的 变换 矩阵。 一 个 问题 是 ， 如 果 我 们 需要 同时 绕 着 3 个 
轴 进 行 旋转 ， 是 先 绕 x 轴 、 再 绕 y 轴 最 后 绕 z 轴 旋 转 还 是 按 其 他 的 旋转 顺序 呢 ? 

当 我 们 直接 给 出 (2。 8, 这 样 的 旋转 角度 时 ， 需 要 定义 一 个 旋转 顺序 。 在 Unity 中 ， 这 个 旋 
转 顺 序 是 zty， 这 在 旋转 相关 的 API 文档 中 都 有 说 明 。 这 意味 着 ， 当 给 定 (0,0,, 8) 这样 的 旋转 角 
度 时 ， 得 到 的 组 合 旋转 变换 矩阵 是 : 


cos -sing 0 0 
SinO cosO 0 0 


1olalO7 M rotatOx M rotatOy = 0 0 1 0 


0 0 0|[cosg 0 sing 0 
i coSO_ -SnO 0 0 1 0 0 
0|| -snO 0 cosO 0 
1 


0 0 0 1 


SinO cosO 
0 0 


i ND 


0 0 0 1 


一 些 读 者 会 有 疑问 :， 上面 的 公式 书写 顺序 是 不 是 反 了 ? 不 是 说 列 矩 阵 要 从 厂 往 左 读 吗 ? 这 样 
一 来 顺序 不 就 题 倒 了 吗 ? 实际 上 ， 有 一 个 非常 重要 的 东西 我 们 没有 说 明白 ， 那 就 是 旋转 时 使 用 的 
坐标 系 。 给 定 一 个 旋转 顺序 〈 例 如 这 里 的 zxy)， 以 及 它们 对 应 的 旋转 角度 (0, 9y, 9)， 有 两 种 坐标 
系 可 以 选择 。 

。 绕 坐 标 系 刁 下 的 z 轴 旋转 0， 绕 坐 标 系 下 下 的 y 

即 进行 一 次 旋转 时 不 一 起 旋转 当前 坐标 系 。 

。 绕 坐 标 系 刁 下 的 z 轴 旋转 6 在 坐标 系 E 下 再 绕 z 轴 旋 转 6 后 的 新 坐标 系 忆 下 的 y 轴 旋 转 

6， 在 坐标 系 孔 下 再 绕 y 轴 旋 转 6, 后 的 新 坐标 系 BE" 下 的 x 轴 旋 转 9,， 即 在 旋转 时 ,把 坐标 

系 一 起 转动 。 
很 容易 知道 ， 这 两 种 选择 的 结果 是 不 一 样 的 。 但 如 果 把 它们 的 旋转 顺序 颠倒 一 下 ， 它 们 得 到 
的 结果 就 会 是 一 样 的 ! 说 得 明白 点 , 在 第 一 种 情况 下 ， 按 zxy 顺序 旋转 和 在 第 二 种 情况 下 ， 按 yxz 
顺序 旋转 是 一 样 的 。 而 Unity 文档 中 说 明 的 旋转 顺序 指 的 是 在 第 一 种 情况 下 的 顺序 。 

和 上 面 不 同类 型 的 变换 顺序 导致 的 问题 类 似 ,不 同 的 旋转 顺序 得 到 的 结果 也 可 能 是 不 一 样 的 。 
我 们 同样 可 以 通过 对 比 不 同 旋 转 顺 序 得 到 的 变换 矩阵 来 理解 为 什么 会 出 现 这 样 的 不 同 。 而 这 个 验 
证 过 程 留 给 读者 作为 练习 。 


坐标 空间 
我 们 已 经 学 会 了 如 何 使 用 甜 阵 来 表示 基本 的 变换 ， 如 平移 、 旋 转 和 缩放 。 而 在 本 节 中 ， 我 们 


将 关注 如 何 使 用 这 些 变 换 来 对 坐标 空间 进行 变换 。 
我 们 在 第 2 章 演 染 流水 线 中 就 接触 了 坐标 空间 的 变换 。 例 如 ， 在 学 习 顶 点 着 色 器 流水 线 阶 段 


> 


Et 


旋转 9,， 线 坐标 系 E 下 的 x 轴 旋 转 6 


时 ， 我 们 说 过 ， 项 点 着 色 器 最 基本 的 功能 就 是 把 模型 的 顶点 坐标 从 模型 空间 转换 到 齐 次 裁剪 坐标 
空间 中 。 

泻 染 游戏 的 过 程 可 以 理解 成 是 把 一 个 个 顶点 经 过 层 层 处 理 最 终 转 化 到 屏幕 上 的 过 程 ， 那 么 本 
节 我 们 就 将 学 习 这 个 转换 的 过 程 是 如 何 实现 的 。 更 具体 来 说 ， 顶 点 是 经 过 了 哪些 坐标 空间 后 ， 最 
后 被 画 在 了 我 们 的 屏幕 上 。 


4.6.1 为 什么 要 使 用 这 么 多 不 同 的 坐标 空间 


我 们 先 要 回答 读者 的 一 个 疑问 。 在 编写 Shader 的 过 程 中 ,很 多 看 起 来 很 难 理解 和 复杂 的 数学 
运算 都 是 为 了 在 不 同 坐标 空间 之 间 转 换 点 和 矢量 。 看 起 来 ， 这 么 多 的 坐标 空间 就 是 “万 恶 之 源 ” 
啊 ! 很 多 人 都 有 这 样 的 疑问 :“ 为 什么 我 们 不 能 只 使 用 一 个 坐标 空间 来 做 所 有 的 事情 呢 ? 这 样 一 来 
我 们 不 就 不 用 学 习 这 些 烦 人 的 数学 公式 了 吗 ? 这 样 世 界 将 变 得 多 美好 啊 !” 
事情 看 起 来 虽然 是 这 样 一 一 在 只 有 一 个 坐标 空间 的 世界 里 ，Shader 的 开发 者 会 生活 得 更 加 美 
好 。 但 事实 是 ， 一 旦 你 真 的 这 么 做 了 ， 就 会 发 现 理想 和 现实 之 间 的 差距 : 我 们 不 可 以 也 不 愿意 抛 
弃 这 些 不 同 的 坐标 空间 。 
事实 上 , 在 我 们 的 生活 中 , 我们 也 总 是 使 用 不 同 的 坐标 空间 来 交流 。 现 在 正在 读 这 本 书 的 你 ， 
很 可 能 正 坐 在 办 公 室 或 书房 中 。 如 果 问 你 :“ 办 公 室 的 饮水 机 在 哪里 ? ”你 大 概 会 回答 :“ 在 办 公 
室 门 的 左 方 3 米 处 .” 这 里 ， 你 很 自然 地 使 用 了 以 门 为 原点 的 坐标 空间 。 现 在 ， 公 司 的 前 台 小 姐 走 
进门 来 ， 你 非常 惊讶 地 看 到 她 脸 上 还 残留 有 中 午 吃 饭 的 米粒 ! 我 们 假设 正在 读 这 本 书 的 你 是 一 个 
好 心 而 且 不 喜欢 看 别人 笑话 的 Ky， 这 时 你 可 能 会 提醒 她 :“ 嘿 ， 你 左 脸 上 面 有 些 东西 没有 探 掉 1? 
此 时 ， 你 又 使 用 了 以 前 台 小 姐 的 嘴巴 为 原点 的 坐标 空间 。 如 果 只 有 一 个 坐标 系 会 怎么 样 呢 ? 你 可 
以 尝试 一 下 使 用 以 你 的 办 公 室 的 门 为 原点 的 坐标 空间 来 描述 前 台 小 姐 脸 上 的 一 粒 饭 粒 。 

再 比如 ， 我 们 每 个 人 所 生活 的 城市 可 以 看 成 是 一 个 世界 坐标 系 〈 三 维 演 染 里 的 世界 坐标 系 将 
在 4.6.5 节 中 讲 到 )， 这 个 坐标 系 的 坐标 办 可 以 认为 是 由 东南 西北 这 些 定 义 的 方向 轴 。 如 果 一 个 陌 
生 人 向 你 问 路 ， 你 很 有 可 能 会 说 :“ 向 东 走 800 米 上 桥 ， 然 后 再 向 南 走 50 米 就 到 了 ”。 但 是 我 们 知 
道 ， 现 实生 活 中 有 很 多 人 是 分 不 清 东 南西 北 的 (在 作者 小 时 候 ， 经 常 使 用 “上 北 下 南 左 西 右 东 ” 
来 傻 傻 地 判断 东南 西北 , 因此 总 是 得 到 错误 方位 )。 如 果 现 在 有 一 个 饥 肠 办 贸 又 分 不 清 东 南西 北 的 
路 人 来 问 你 最 近 的 餐厅 怎么 走 ， 你 可 能 会 说 :“ 你 先 往 前 走 50 米 ， 到 了 路 口 向 左 拐 100 米 就 有 一 
家 非常 好 吃 的 烤鸭 店 。” 此 时 ， 你 使 用 的 是 以 这 个 路 人 为 原点 的 坐标 空间 。 想 象 一 下 ， 如 果 在 这 个 
世界 上 我 们 只 能 使 用 东南 西北 来 描述 所 有 东西 的 话 ， 该 会 有 多 少 人 会 被 饿 死 。 

由 此 可 见 ， 我 们 需要 在 不 同 的 情况 下 使 用 不 同 的 坐标 空间 ， 因 为 一 些 概念 只 有 在 特定 的 坐标 
空间 下 才 有 意义 ， 才 更 容易 理解 。 这 也 是 为 什么 在 泻 染 中 我 们 要 使 用 这 么 多 坐标 空间 。 


在 开始 介绍 一 些 不 同 的 坐标 空间 之 前 , 读者 需要 注意 , 所 有 的 坐标 空间 在 理论 上 都 是 平等 的 ， 
没有 谁 优 谁 劣 之 分 ， 不 会 因为 我 们 从 一 个 坐标 空间 转换 到 另 一 个 坐标 空间 计算 就 出 错 了 。 但 是 ， 
在 特定 的 情况 下 ， 一 些 坐标 空间 的 确 比 另 一 些 坐 标 空 间 更 加 吸引 人 。 

现在 ， 就 让 我 们 来 看 一 下 在 游戏 泻 染 流水 线 中 ， 一 个 顶点 到 底 经 过 了 怎样 的 空间 变换 。 
4.6.2 ”坐标 空间 的 变换 

我 们 先 要 为 后 面 的 内 容 做 些 数学 铺垫 。 在 泻 染 流水 线 中 ， 我 们 往往 需要 把 一 个 点 或 方向 矢量 


从 一 个 坐标 空间 转换 到 另 一 个 坐标 空间 。 这 个 过 程 到 底 是 怎么 实现 的 呢 ? 

我 们 把 问题 一 般 化 。 我 们 知道 ， 要 想 定 义 一 个 坐标 空间 ， 必 须 指明 其 原点 位 置 和 3 个 坐标 玫 
的 方向 。 而 这 些 数值 实际 上 是 相对 于 另 一 个 坐标 空间 的 (读者 需要 记 住所 有 的 都 是 相对 的 )。 也 
就 是 说 ， 坐 标 空间 会 形成 一 个 层次 结构 一 每 个 坐标 空间 都 是 另 一 个 坐标 空间 的 子 空间 ， 反 过 来 


说 ， 每 个 空间 


都 有 


间 对 点 和 矢量 进行 变换 。 


假设 ， 现在 
原点 位 置 以 及 3 1 
矢量 4。 转换 到 


三 | 
里 


下 


个 父 (parent) 坐标 空间 。 对 多 


单位 坐标 多 


E 阵 


有 父 坐标 空间 了 以 及 一 个 子 匀 
个 。 我 们 一 般 会 有 两 种 需求 : 
父 坐标 空间 下 的 表示 A,， 另 一 个 需求 是 反 过 来 ， 即 把 父 4 
B, 转 换 到 子 华 标 空间 下 的 表示 B。。 我 们 可 以 使 


标 空间 的 变换 实际 上 就 是 如 


E 父 空间 和 子 空间 之 


标 空间 C。 我 们 知道 在 父 坐标 空间 中 子 坐 标 


空间 的 


A,=M., A。 
B =M pe B p 


外， 我 们 就 来 讲解 如 何 


其 中 ，M., 表示 的 是 从 子 4 
反 向 变换 )。 那 么 ,现在 的 问题 就 是 ， 如 果 求 解 这 些 变换 和 
E 阵 的 方式 来 得 到 。 


可 以 通过 求 逆 和 


标 空间 变换 到 父 匀 


求 
Ll 


从 子 坐 标 空间 


利 


标 空间 的 变换 秽 


需求 是 把 子 坐 标 空间 下 3 
E 标 空间 下 表示 的 点 或 撩 
] 下 面 的 公式 来 表示 这 两 种 需求 : 


到 父 坐标 空间 的 变换 矩阵 M。，。 


< 


两 站 


的 点 或 


E 阵 ， 而 M，. 是 其 道 矩 阵 〈 即 
E 阵 ? 事实 上 ， 我 们 只 需要 解 出 两 者 2 


这 


E 标 空间 以 及 其 中 一 点 (a,b,c) 时 ， 我 


竺 ， 我 们 已 知 子 坐 标 


空间 C 


首先 ， 我 们 来 回顾 一 个 看 似 很 简单 的 问题 ; 当 给 定 一 个 多 
们 是 如 何 知 道 该 点 的 位 置 的 呢 ? 我 们 可 以 通过 4 个 步骤 来 确定 它 的 位 置 : 

(1) 从 坐标 空间 的 原点 开始 ; 

(2) 向 Xx 轴 方 向 移动 a 个 单位 。 

(3) 向 y 轴 方 向 移动 5b 个 单位 。 

(4) 向 z 轴 方 向 移动 c 个 单位 。 

需要 说 明 的 是 ， 上 面 的 步骤 只 是 我 们 的 想象 ， 这 个 点 实际 上 并 没有 发 生 移 动 。 上 面 的 步骤 看 
起 来 再 简单 不 过 了 ， 坐 标 空间 的 变换 就 列 含 在 上 面 的 4 个 步骤 中 。 现 
的 3 个 坐标 轴 在 父 坐标 空间 卫 下 的 表示 KK、yc、z， 以 及 其 原点 位 置 O.。 当 给 定 一 个 子 坐标 空间 


中 的 一 点 A = (a, 
1， 从 坐标 空间 的 原点 开始 


这 很 简单 ， 我 们 已 经 知道 了 子 坐标 空间 的 原点 位 置 0,。 


ST 


,C) ， 我 们 同样 可 以 依照 上 


下 4 个 步骤 来 确 


2.， 向 x 轴 方 向 移动 x 个 单位 


仍然 很 


As 
| 钱 -= 


全» 


大 


为 我 们 已 经 知道 了 x 各 


3. 向 y 轴 方 向 移动 y 个 单位 


同样 的 道班 


E， 这 一 步 就 是 : 


4. 向 z 轴 方 向 移动 z 个 单位 


最 后 ， 就 可 以 得 到 


现在 ， 我 们 


读者 可 


台 已 
能 会 


己 经 求 日 


问 ， 这 个 式 于 目 


出 现在 上 面 的 式 子 中 : 


根本 没有 和 矩阵 啊 ! 


O, +aX。 


CO. +ax. +Dby. 


CO +ax. +Dy +cz. 


的 矢量 表示 ， 因 此 可 以 得 到 


定 其 在 父 坐标 空间 下 的 位 


on 


了 M.! 什么 ? 你 没 看 出 来 吗 ? 我 


A, =0O, +ax. +Dy。+CcZ。 


站 


再 来 看 


其 实 我 们 只 要 稍稍 使 用 一 点 “魔法 ”， 


和 


TOT 


4 : 


p 


下 最 后 得 到 的 式 子 : 
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A, =0O,. +ax, +by, +cz., 
= (Xs Voes Loc) + A Kies Vres Tic) + Ky Vyes Lye) + (Xe, yc Zic) 
Xe Xe Xi la 


(Xe Joc， Zoc) a 3s 6 a b 


到 (Xo, Vos ca + Xe y- 2 b 
| | TjLe 


其 中 “|” 符 号 表示 是 按 列 展开 的 。 上 面 的 式 子 实际 上 就 是 使 用 了 我 们 之 前 所 学 的 公式 而 已 。 但 这 


个 最 后 的 表达 式 还 不 是 很 漂亮 ， 因 为 还 存在 加 法 表达 式 ， 即 平移 变换 。 我 们 已 经 知道 3X3 的 矩阵 无 
法 表示 平移 变换 ， 因 此 为 了 得 到 一 个 更 漂亮 的 结果 ， 我 们 把 上 面 的 式 子 扩展 到 齐 次 坐标 空间 中 ， 得 

[| | | offa 

| 

" A | | | ole 

co0 0 

100 xol| | | oa 

10 10 yo lx y. Z。0 || 2 

0”00 元 | | | oe 

000%N lo 0 0111 


| 
0 
那么 现在 ， 你 看 到 M.-, 在 哪里 了 吧 ? 没 错 


读者 : 这 个 看 起 来 太 神 奇 了 ! 怎么 就 变 着 变 着 就 出 现 了 矩 阵 呢 ? 

我 们 : 上 面 只 是 运用 了 一 些 基础 的 矢量 和 和 矩阵 运算 ， 一 旦 当 你 真正 理解 了 这 些 运 算 就 会 发 现 

上 面 的 过 程 只 是 简单 地 推导 了 一 下 而 已 。 
一 旦 求 出 来 M.-， Mo 就 可 以 通过 求 逆 矩 阵 的 方式 求 出 来 ， 因 为 从 坐标 空间 C 变换 到 坐标 

空间 了 与 从 坐标 空间 了 变换 到 坐标 空间 C 是 互 逆 的 两 个 过 程 。 


可 以 看 出 来 ， 变 换 矩 阵 Me 实际 上 可 以 通过 坐标 空间 C 在 坐标 空间 P 中 的 原点 和 坐标 轴 的 
量 表 示 来 构建 出 来 : 把 3 个 坐标 轴 依 次 放 入 矩阵 的 前 3 列 ， 把 原点 矢量 放 到 最 后 一 列 ， 再 用 0 
和 ! 填充 最 后 一 行 即 可 。 
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需要 注意 的 是 ， 这 里 我 们 3 


Xx。、y。 和 z 是 单位 矢量 ， 事 实 上 ， 如 果 存 在 


缩放 的 话 ， 这 3 个 矢量 值 很 可 能 不 是 单位 矢量 。 


这 


j 反 向 思维 ， 从 这 个 变换 矩阵 反 推 来 获取 子 坐标 空间 的 原点 


更 加 令 人 振奋 的 是 ， 我 们 可 以 利 
和 坐标 轴 方 向 ! 例如 ， 当 我 们 已 知 从 模型 空间 到 
第 一 列 再 进行 归 一 化 后 《为 了 消除 缩放 的 影响 ) 


示 。 同 样 的 方法 可 以 提取 y 轴 和 Z 贡 
M. 可 以 把 一 个 方向 矢量 从 坐标 空间 


。 我 们 可 以 从 另 一 个 角度 来 理解 这 个 提取 过 程 。 因 为 矩阵 
C 变换 到 坐标 空间 卫 中 , 那么 , 我 们 只 需要 用 它 来 变换 坐标 


世界 空间 的 一 个 4x4 的 变换 矩阵 ， 可 以 提取 它 的 
来 得 到 模型 空间 的 x 轴 在 世界 空间 下 的 单位 矢量 


空间 C 中 的 x 轴 (1,0,0.0)， 即 使 用 矩阵 乘法 M.-， 
另 
标 空 间 的 原点 变换 是 可 以 忽略 的 。 也 就 是 说 ， 


个 有 趣 的 情况 是 ， 对 方向 矢量 的 坐标 空间 变换 。 我 们 知道 ， 矢 量 
我 们 仅仅 平移 坐标 系 的 原点 是 不 会 对 矢量 造成 任何 


[1 0 0 0]'， 得 到 的 结果 正 是 M.-, 的 第 一 列 。 


是 没有 位 置 的 ， 因 此 化 


影响 的 。 那么 , 对 矢量 的 坐标 空间 变换 就 可 以 使 
变换 。 那 么 变换 矩阵 就 是 : 

| 

M.,,, 二 


在 Shader : 
空间 变换 ， 这 正 是 原因 所 在 。 


| 
ye 
| 

， 我 们 常常 会 看 到 截取 变换 矩阵 的 前 


] 3X3 的 矩阵 来 表示 ， 因 为 我 们 不 需要 表示 平移 


Zz 
| 
3 4 


了 前 3 列 来 对 法 线 方 向 、 光 照 方向 来 进行 


现在 ， 我 们 再 来 关注 M,-.。 我 们 前 面 讲 到 ， 可 以 通过 求 M.-, 的 逆 矩 阵 的 方式 求解 出 来 反 向 
变换 M--。 但 有 一 种 情况 我 们 不 需要 求解 逆 矩 阵 就 可 以 得 到 Mo--， 这 种 情况 就 是 M.-， 是 一 个 正 
交 和 矩阵 。 如 果 它 是 一 个 正 交 矩阵 的 话 ，M.-, 的 道 矩 阵 就 等 于 它 的 转 置 矩 阵 。 这 意味 着 我 们 不 需要 
进行 复杂 的 求 逆 操 作 就 可 以 得 到 反 向 变换 。 也 就 是 说 ， 

| | | 
M,, 和 yp Z, 二 MD 让 M. >p M. >p 
| | | 
这 x x 
二 | 三 水 
一 Zz a 


而 现在 , 我 们 不 仅 可 以 根据 变换 矩阵 M.， 反 推出 子 坐 标 空间 的 坐标 和 


方向 在 父 坐标 空间 中 的 
标 轴 方 向 在 子 坐 标 空间 中 的 表示 x%y、y, 和 z， 这 


表示 Xe、yc 和 z， 还 可 以 反 推 出 父 坐标 空间 的 坐 
些 坐 标 轴 对 应 的 就 是 M.-, 的 每 一 行 ! 也 就 是 说 ， 
交 


如 果 我 们 知道 坐标 空间 变换 矩阵 MA-s 是 一 个 正 


中 阵 ， 那 么 我 们 可 以 提取 它 的 第 一 列 来 得 到 坐标 空间 A 的 x 轴 在 坐标 空间 B 下 的 表示 , 还 可 以 


提取 它 的 第 一 行 来 得 到 坐标 空间 B 的 x 和 
B 的 x 轴 、y 轴 和 z 轴 (必须 是 单位 矢量 ， 否 
下 的 表示 ， 就 可 以 把 它们 依次 放 在 矩阵 的 每 一 行 
读者 : 天 呐 ， 我 的 脑子 已 经 完全 乱 掉 了 ， 
又 是 列 ， 我 自己 写 的 时 候 一 定 会 摘 不 清楚 ! 
我 们 : 我 们 知道 这 个 过 程 很 容易 造成 思维 的 
学 原理 。 只 有 知道 了 这 些 原 理 ， 遇 
当 你 不 知道 把 坐标 轴 的 表示 是 按 行 放 还 是 按 


在 坐标 空间 A 下 的 表示 。 反 过 来 ， 如 果 我 们 知道 坐标 空 


则 构建 出 来 的 就 不 是 正 交 矩阵 了 ) 在 坐标 空间 A 
就 可 以 得 到 从 A 到 B 的 变换 矩阵 了 。 
会 从 P 到 C， 一 会 又 从 C 到 P， 一 会 是 行 ， 一 会 


混乱 ， 因 此 才 要 花费 大 量 的 篇 幅 来 解释 背后 的 数 


到 疑问 时 你 才 知 道 怎 样 去 验证 结果 的 正确 性 。 例 如 像 下 面 这 样 。 


列 放 的 时 候 ， 不 妨 先 选 择 一 种 摆 放 方式 来 得 到 变 


换 和 矩阵 。 例 如 ， 现 在 我 们 想 把 一 个 矢量 从 坐标 空 
空间 B 的 x 轴 、y 轴 、z 轴 在 空间 A 下 的 表示 ， 


间 A 变换 到 坐标 空间 也 ， 而 且 我 们 已 经 知道 坐标 
即 xp、ys 和 ze。 那 么 想 要 得 到 从 A 到 B 的 变换 
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矩阵 MA-e 我 们 是 把 它们 按 列 放 呢 还 是 按 行 放 呢 ? 如果 读者 实在 想 不 起 来 正确 答案 , 我 们 不 妨 先 
随便 选择 一 种 方式 ， 例 如 按 列 摆 放 。 那 么 ， 


| | | 
二 | Xp Ys Zp 
| 


现在 ， 我 们 可 以 非常 快速 地 来 验证 它 是 否 是 正确 的 。 方 法 就 是 ， 用 Ms 来 变换 xp。 在 计算 前 我 
们 先 想 一 下 这 个 结果 ， 如 果 我 们 用 变换 算 阵 来 变换 B 的 x 轴 的 话 ， 那 么 结果 应 该 是 (1,0,0) 才 对 。 因 为 
当 变 换 到 空间 B 中 时 ，x 轴 的 指向 就 是 (1,0,0)。 好 了 ， 我 们 可 以 来 进行 真正 的 计算 来 验证 它 了 : 
| | | 
一 | Xe Ys Zs 
a 

读者 看 到 这 里 会 有 疑问 ,“ 我 不 知道 这 个 结果 是 什么 啊 ” 没 错 ， 这 不 是 你 的 计算 有 问题 ， 而 
是 上 式 的 计算 结果 的 确 不 可 知 。 这 种 时 候 你 就 会 发 现 我 们 的 摆 放 方式 选择 错 了 。 现 在 ， 我 们 使 用 
正确 的 摆 放 方式 ， 即 按 行 来 摆 放 ， 那 么 就 有 : 


， 注 意 ， 这 个 矩阵 是 不 对 的 


M , ,asXs xX 


RR Xp “Xp 1 
M,,sXp =|— Ys —|Xs=|ys:Xs|=|0 
二 2 到 ZX 0 


这 次 结果 就 和 我 们 预期 的 一 样 了 。 
理解 上 面 的 原理 和 过 程 非常 重要 。7 我 们 在 本 书 的 后 面 也 会 经 常 遇 至 


4.6.3 ”顶点 的 坐标 空间 变换 过 程 
我 们 知道 ， 在 泻 染 流水 线 中 ,一 个 顶点 要 经 过 多 个 坐标 空间 的 变换 才能 最 终 被 画 在 屏幕 上 。 一 


Wy 


坐标 空间 的 变换 。 


个 顶点 最 开始 是 在 模型 空间 〈 见 4.6.4 节 ) 中 定义 的 ， 最 后 它 将 会 变换 到 屏幕 空间 中 ， 得 到 真正 的 
屏幕 像素 坐标 。 因 此 ， 接 下 来 的 内 容 我 们 将 解释 顶点 要 进行 的 各 种 空间 变换 的 过 程 。 


为 了 帮助 读者 理解 这 个 过 程 ， 我 们 将 建立 在 农场 游戏 的 实例 背景 下 ， 每 讲 到 一 种 空间 变换 ， 
我 们 会 解释 如 何 应 用 到 这 个 案例 中 。 
在 我 们 的 农场 游戏 中 ， 妞 妞 很 好 奇 自 己 是 如 何 被 泻 染 到 屏幕 上 的 。 它 只 知道 自己 和 一 群 小 伙 
伴 在 农场 里 快乐 地 吃 草 ， 而 前 面 有 一 个 摄像 机 一 直 在 观察 它们 ， 如 图 4.31 所 示 。 妞 妞 特别 喜欢 
己 的 鼻子 ， 它 想 知道 鼻子 是 怎么 被 画 到 屏幕 上 的 ? 


| 


on 部 
\) EE 2 屏幕 上 妞 姑 的 鼻子 
8 


车， 


4 图 4.31 场景 中 的 妞妞 ( 左 图 ) 和 屏幕 上 的 妞妞 ( 右 图 )。 妞 妞 想 知道 ， 自 己 的 鼻子 是 如 何 被 画 到 屏幕 上 的 


在 下 面 的 内 容 中 ， 我 们 将 了 解 妞妞 的 鼻子 是 如 何 一 步 步 画 到 屏幕 上 的 。 
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4.6.4 模型 空间 


模型 空 
有 时 模型 空 
立 的 坐标 空 | 


闻 也 被 称 为 对 象 空 
司 ， 当 它 移 动 或 旋转 的 时 候 ， 模 型 空间 也 会 跟着 


中 的 模型 的 话 ， 当 我 们 在 办 公 室 


移动 时 ， 我 们 的 模型 空间 


本 身 的 前 后 左右 方向 也 在 跟着 改变 。 


的 坐标 轴 通 


在 模型 
“ 右 (right)” “上 (Cup)”“ 下 (Cdown)”。 
常会 使 用 i 


在 本 书 中 ， 我 们 把 这 些 方向 称 为 自然 方向 。 


这 些 自然 方向 。 在 4.2.4 节 中 我 们 讲 过 ，Unity 在 模型 空间 中 使 


标 系 ， 因 此 在 模型 空间 中 ， 
是 ， 模 型 坐标 空间 中 的 x 轴 、 
使 用 的 是 这 样 的 约定 , 因此 本 书 将 使 用 这 种 方式 。 我 们 可 以 在 Hierarchy 视图 ， 
以 看 见 它们 对 应 的 模型 空间 的 3 个 坐标 轴 。 


Mt 


+Xx 轴 、+y 轴 、+z 轴 分 别 对 应 的 是 模型 的 右 、 上 和 前 向 。 


间 (model space)， 如 它 的 名 字 所 暗示 的 那样 ， 是 和 某 个 模型 或 者 说 是 对 象 有 关 的 。 

s 间 《object space) 或 局 部 空间 (local space)。 每 个 模型 都 有 自己 独 
已 移动 和 旋转 。 把 我 们 自己 当成 游戏 
也 在 跟着 移动 ， 当 我 们 转身 时 ， 我 们 


间 中 ， 我 们 经 常 使 用 一 些 方向 概念 ， 例 如 “前 (forward)”“ 后 (back)”“ 左 (left)” 


模型 空间 中 


j 的 是 左手 坐 


有 本 半音 
需要 注意 的 


y 轴 、z 轴 和 自然 方向 的 对 应 不 一 定 是 上 述 这 种 关系 ， 


日 由 于 Unity 


模型 空间 的 原点 和 坐标 轴 通 常 是 由 美术 人 员 在 建 模 软件 里 确定 好 的 。 当 导入 到 Unity 
我 们 可 以 在 顶点 着 色 器 中 访问 到 模型 的 顶点 信 
息 ， 其 中 包含 了 每 个 顶点 的 坐标 。 这 些 坐 标 都 是 
相对 于 模型 空间 中 的 原点 (通常 位 于 模型 的 重心 ) 
定义 的 。 


当 我 们 把 妞妞 放 到 场景 中 时 ， 就 会 有 一 个 模 
型 坐标 空间 时 刻 跟随 着 它 。 妞 妞 手 子 的 
通过 访问 顶点 属性 来 得 至 
4)， 由 于 顶点 变换 中 往往 


NH 


六 置 可 以 
1。 假 设 这 个 位 置 是 (0, 2， 
包含 了 平移 变换 ， 因 此 


需要 把 其 扩展 到 齐 次 坐标 系 下 ， 
如 图 4.32 所 示 。 


4.6.5 ”世界 空 
世界 空间 (world space) 


(0， 2 4, 1)， 


『「 台 已 
Be 


些 读 者 可 
个 宏观 的 
游戏 正 世界 全 
农场 就 


日 局 
态 取 


s 间 ] 


人 


大 的 空 i 


出 ， 空 间 可 以 是 无 限 大 的 ， 怎 么 

， 也 就 是 说 它 是 我 们 所 关心 的 最 外 
: 间 指 的 就 是 农场 ， 我 们 不 关心 i 
司 概念 。 


得 到 顶点 坐标 是 


A 图 


4.32 在 我 们 的 农场 游戏 中 


必 个 奶牛 


单 击 任意 对 象 就 可 


后 ， 


都 有 


模型 坐标 系 。 在 模型 坐标 系 中 妞妞 鼻子 的 位 


是 (0, 2， 


是 一 个 特殊 的 坐标 系 ， 因 为 它 建立 了 我 们 所 关心 的 最 大 的 空 1 


会 有 “最 大 ” 
层 的 坐标 空间 。 


以 我 们 的 农 ] 


今 


置 。 通 常 


没有 任何 父 节 


型 。 同 样 ，Transform 中 的 Rotation 和 Scale 也 是 同样 的 道理 。 
顶点 变换 的 第 一 步 ， 就 是 将 顶点 坐标 从 模型 空间 变换 到 世界 空间 中 。 这 个 变换 通 


在 Unity 中 ， 


世界 空间 可 以 被 / 
但 我 相信 读者 可 以 明白 这 里 绝对 的 意思 
， 我 们 会 把 世界 空间 


节点 ， 导 
有 一 个 虚拟 的 根 模型， 


世界 空间 同样 使 
Unity 中 ， 我 们 可 以 通过 调整 Transform 组 件 
是 相对 于 这 个 Transform 的 父 节点 (parent) 的 模型 坐标 空间 中 的 原点 定义 的 。 如 果 
了 么 这 个 位 置 就 是 在 世 


于 描述 绝对 位 置 ( 较 


真 的 读者 可 能 会 再 一 次 提醒 我 ， 没 有 绝对 的 位 置 。 


这 一 说 呢 ? 这 里 说 的 最 大 指 的 是 一 
场 游 戏 为 例 ， 
这 个 农场 是 在 什么 地 方 ， 在 这 个 虚拟 的 游戏 世界 里 ， 


在 这 个 


没 


的 原点 放置 在 游戏 空间 的 : 
了 左手 坐标 系 。 但 它 
中 的 Position 


心 。 
的 x 轴 、y 轴 、 


)。 在 本 书 中 , 绝对 位 置 指 的 就 是 在 世界 坐标 系 ! 


的 位 


z 轴 是 固定 不 变 的 。 在 
属性 来 改变 模型 的 位 置 ， 这 里 的 位 置 值 


界 坐 标 系 中 的 位 置 ， 如 图 


这 个 根 模型 的 模型 空 


个 Transform 


4.33 所 示 。 我 们 可 以 想象 成 还 


间 就 是 世界 空间 ， 所 有 的 游戏 对 象 都 附属 于 这 个 根 模 


常 叫做 模型 
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变换 (model transform ) 。 


现在 ， 我 们 来 对 妞妞 的 鼻子 进行 模型 变换 。 为 此 ， 我 们 首先 需要 知道 妞妞 在 世界 坐标 系 中 进 


行 了 哪些 变换 ， 这 可 以 通过 面板 中 的 Transform 组 件 来 得 到 相关 的 变换 信息 ， 如 图 4.34 所 示 。 


口 Saatic v 24 人 1 
Unagged _$) LayerLDelaull 4 
Rever | Apply be By 


(2,?,2, 9) 
la | @ Inspector | 


“Mesh" 有 父 节 niagged +$| Layer| Default 
点 “Cow”， 5 一 


| Revert | Apply 


. Position 是 
在 主人 全 position XI-1.71 YI0 Z10.55 
Rotation XO  Y1505 2z0 
rm Sax ii 2 


4 图 4.33 Unity 的 Transform 组 件 可 以 调节 模型 的 位 置 。 4 图 4.34 ”农场 游戏 中 的 世界 空间 。 世 界 空间 的 原点 


如 果 Transform 有 父 节点 ， 如 图 中 的 “Mesh”， 那 么 Position 被 放置 在 农场 的 中 心 。 左 下 角 显 示 了 妞妞 在 世界 
将 是 在 其 父 节 点 ( 这 里 是 “Cow”) 的 模型 空间 中 的 位 置 ; 空间 中 所 做 的 变换 。 我 们 想 要 把 妞妞 的 鼻子 
如 果 没 有 父 节点 ，Position ee E 世 勇 | 的 但 从 模型 空间 变换 到 世界 空间 中 


根据 Transform 组 件 上 的 信息 ， 我 们 知道 在 世界 空间 中 ， 妞 妞 进行 了 (2, 2, 2) 的 缩放 ， 又 进行 
了 (0, 150, 0) 的 旋转 以 及 (5, 0, 25) 的 平移 。 注 意 这 里 的 变换 顺序 是 不 能 互 换 的 ， 即 先进 行 缩 放 ， 再 
进行 旋转 ， 最 后 是 平移 。 据 此 我 们 可 以 构建 出 模型 变换 的 变换 矩阵 : 


1 0.0 tcos0O 0 sn 0 lk 0 0 
O00OHN 0 1 0 olo k 00 
Mm = 0 0~1 tsing 0 cosg 0l0 0 天 0 
000110 0 0 1lo 0 01 
10 0 5]-0.86 0 05 012 .000 
Jo100| 0 0llo 200 
lo 0 1 25|-0.5 -0.866 0|o 0 20 
0001| 0 1|ooo0 
-1732 0 1 5 
0 2 0 Do 
-1 0 -1732 25 
0 0 0 1 
现在 我 们 可 以 用 它 来 对 妞妞 的 鼻子 进行 模型 变换 了 : 
P world = ot modsl 
-1732 0 1 5 ol r9 
0 2 0 0 |2 ,4 
| -1 0 -1732 25||4| |18.072 
0 0 0 1 
也 就 是 说 , 在 世界 空间 下 ,妞妞 鼻子 的 位 置 是 (9, 4, 18.072)。 注意 , 这 里 的 浮 点 数 都 是 近似 值 ， 


这 里 近似 到 小 数 点 后 3 位 。 实 际 数值 和 Unity 采用 的 浮 点 值 精 度 有 关 。 


4.6.6 ”观察 空间 


观察 空间 (view space) 也 被 称 为 摄像 机 空间 《camera space)。 观 察 空间 可 以 认为 是 模型 空 
间 的 一 个 特例 一 一 在 所 有 的 模型 中 有 一 个 非常 特殊 的 模型 ， 即 摄像 机 (虽然 通常 来 说 摄像 机 本 身 
是 不 可 见 的 )， 它 的 模型 空间 值得 我 们 单独 拿 出 来 讨论 ， 也 就 是 观察 空间 。 

摄像 机 决定 了 我 们 泻 染 游戏 所 使 用 的 视角 。 在 观察 空间 中 ， 摄 像 机 位 于 原点 ， 同 样 ， 其 坐标 
轴 的 选择 可 以 是 任意 的 ， 但 由 于 本 书 讨论 的 是 以 Unity 为 主 ， 而 Unity 中 观察 空间 的 坐标 轴 选 择 
是 : +x 轴 指 向 右 方 ，+y 轴 指 向 上 方 ， 而 +z 轴 指 向 的 是 摄像 机 的 后 方 。 读 者 在 这 里 可 能 觉得 很 奇 
怪 , 我 们 之 前 讨论 的 模型 空间 和 世界 空间 中 +z 轴 指 的 都 是 物体 的 前 方 ， 为 什么 这 里 不 一 样 了 呢 ? 
这 是 因为 ，Unity 在 模型 空间 和 世界 空间 中 选用 的 都 是 左手 坐标 系 ， 而 在 观察 空间 中 使 用 的 是 右 
手 坐 标 系 。 这 是 符合 OpenGL 传统 的 , 在 这 样 的 观察 空间 中 ,摄像 机 的 正 前 方 指向 的 是 -z 轴 方 向 。 

这 种 左右 手 坐标 系 之 间 的 改变 很 少 会 对 我 们 在 Unity 中 的 编程 产生 影响 ， 因 为 Unity 为 我 们 
做 了 很 多 演 染 的 底层 工作 , 包括 很 多 坐标 空间 的 转换 。 但 是 ， 如 果 读 者 需要 调用 类 似 Camera.camera 
ToWorldMatrix、Camera.worldToCameraMatrix 等 接口 自行 计算 某 模型 在 观察 空间 中 的 位 置 ， 就 要 
小 心 这 样 的 差异 。 

最 后 要 提醒 读者 的 一 点 是 ,观察 空 间 和 屏幕 空间 ( 详 见 4.6.8 节 ) 是 不 同 的。 观察 空间 是 一 个 
三 维 空间 ， 而 屏幕 空间 是 一 个 二 维 空间 。 从 观察 空间 到 屏幕 空间 的 转换 需要 经 过 一 个 操作 ， 那 就 
是 投影 (projection)。 我 们 后 面 就 会 讲 到 。 

顶点 变换 的 第 二 步 ， 就 是 将 顶点 坐标 从 世界 空间 变换 到 观察 空间 中 。 这 个 变换 通常 叫做 观察 
变换 (view transform ) 。 
回 到 我 们 的 农场 游戏 。 现 在 我 们 需要 把 妞妞 的 鼻子 从 世界 空间 变换 到 观察 空间 中 。 为 此 ， 我 
们 需要 知道 世界 坐标 系 下 摄像 机 的 变换 信息 。 这 同样 可 以 通过 摄像 机 面板 中 的 Transform 组 件 得 
到 ， 如 图 4.35 所 示 。 


疏 ， 区 


世界 空间 


Rotation  X 30 
Scale Xil 


4 图 4.35 ”农场 游戏 中 摄像 机 的 观察 空间 。 观 察 空 间 的 原点 位 于 摄像 机 处 。 注 意 在 观察 空间 中 ， 摄 像 机 的 前 向 是 z 轴 的 负 
方向 ( 图 中 只 画 出 了 Zz 轴 正 方向 )， 这 是 因为 Unity 在 观察 空间 中 使 用 了 右手 坐标 系 。 左 下 角 显 示 了 摄像 机 在 世界 空间 中 
所 做 的 变换 。 我 们 想 要 把 妞妞 的 鼻子 从 世界 空间 变换 到 观察 空间 中 

为 了 得 到 顶点 在 观察 空间 中 的 位 置 ， 我 们 可 以 有 两 种 方法 。 一 种 方法 是 计算 观察 空间 的 3 个 
坐标 轴 在 世界 空间 下 的 表示 , 然后 根据 4.6.2 节 中 讲 到 的 方法 , 构建 出 从 观察 空间 变换 到 世界 空间 
的 变换 矩阵 ， 再 对 该 矩阵 求 逆 来 得 到 从 世界 空间 变换 到 观察 空间 的 变换 矩阵 。 我 们 还 可 以 使 用 另 
一 种 方法 ， 即 想象 平移 整个 观察 空间 ， 让 摄像 机 原点 位 于 世界 坐标 的 原点 ， 坐 标 轴 与 世界 空间 : 
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的 坐标 和 重合 即 可 。 这 两 种 方法 得 到 的 变换 矩阵 都 是 一 样 的 ， 不 同 的 只 是 我 们 思考 的 方式 。 

这 里 我 们 使 用 第 二 种 方法 。 由 Transform 组 件 可 以 知道 ,摄像 机 在 世界 空间 中 的 变换 是 先 按 (30， 
0, 0) 进 行 旋转 ， 然 后 按 (0, 10, -10) 进 行 了 平移 。 那 么 ， 为 了 把 摄像 机 重新 移 回 到 初始 状态 〈 这 里 
和 


证 - 


先 按 (0, -10, 10) 平 移 ， 以 便 将 摄像 机 移 回 到 原点 ， 再 按 (-30, 0, 0) 进 行 旋转 ， 以 便 让 坐标 轴 重 合 


ym 
| 


二 四 9 


羽 此 ， 变 换 矩 阵 就 是 ; 
1 0 0 010 0 
i 0 cosO -sing 0|0 110474, 
ee sin0 cso0O 010 01 
0 0 0 1looo01 
| 0 0 olflloo0o 0 
0 0866 05 0ll0 1 0 -10 
0 -05 0866 0llo 0 1 10 
10 0 0 1looo0o 1 
[1 0 0 0 ] 
_ 10 0.866 0.5 -3.66 
|0 -0.5 0.866 13.66 
[10 0 一 0 1 | 
但 是 ， 由 于 观察 空间 使 用 的 是 右手 坐标 系 ， 因 此 需要 对 z 分 量 进行 取 反 操作 。 我 们 可 以 通过 


乘 以 另 一 个 特殊 的 矩阵 来 得 到 最 终 的 观察 变换 矩阵 ; 
Misw =M. nsgats Pg 

[1 0 0 0 0 0 0 

0 1 0 0|0 0866 0.5 -3.66 

“Io 0 -1 0|0 -0.5 0.866 13.66 

0 0 0 olo 0 0 1 

[1 0 0 0 

10 0.866 05 © -3.66 

“|0 0.5 -0.866 -13.66 

I0 0 0 1 


现在 我 们 可 以 用 它 来 对 妞妞 的 鼻子 进行 顶点 变换 了 : 


Pw =M,;s, Pona 
1 0 0 0 1[9 9 
|0 0.866 0.5 -3.6614 | 8.84 
10 0.5 -0.866 -13.66 | 18.072 | | -27.31 
0 0 0 1 1 1 


这 样 ， 我 们 就 得 到 了 观察 空间 中 妞妞 鼻子 的 位 置 一 一 (9, 8.84,-27.31)。 


4.6.7 ”裁剪 空间 


顶点 接 下 来 要 从 观察 空间 转换 到 裁剪 空间 〈clip space， 也 被 称 为 齐 次 裁剪 空间 ) 
于 变换 的 矩阵 叫做 裁剪 矩阵 〈clip matrixz)， 也 被 称 为 投影 矩阵 〈projection matrix ) 。 

裁剪 空间 的 目标 是 能 够 方便 地 对 谊 染 图 元 进行 裁剪 : 完全 位 于 这 块 空 间 内 部 的 图 元 将 会 被 保 
留 ， 完 全 位 于 这 块 空间 外 部 的 图 元 将 会 被 剔除 ， 而 与 这 块 空 间 边 界 相 交 的 图 元 就 会 被 裁剪 。 那 么 ， 
这 块 空间 是 如 何 决 定 的 呢 ? 答案 是 由 视 锥 体 〈view frustumy) 来 决定 。 

视 锥 体 指 的 是 空间 中 的 一 块 区 域 ， 这 块 区 域 决定 了 摄像 机 可 以 看 到 的 空间 。 视 锥 体 由 六 个 平 
包围 而 成 ， 这 些 平面 也 被 称 为 裁剪 平面 (clip planes)。 视 锥 体 有 两 种 类 型 ， 这 涉及 两 种 投影 
类 型 : 一 种 是 正 交 投影 (orthographic projection )， 一 种 是 透视 投影 (perspective projection )。 


图 4.36 显示 了 从 同一 位 置 、 同 一 角度 泻 染 同一 个 场景 的 两 种 摄像 机 的 演 染 结果 。 
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4.36 ”透视 投影 ( 左 图 ) 和 正 交 投影 ( 右 图 )。 左 下 角 分 别 显 示 了 当前 摄像 机 的 投影 模式 和 相关 属性 


济 | 


A 


从 图 中 可 以 发 现 ,在 透视 投影 中 ， 地 板 上 的 平行 线 并 不 会 保持 平行 ， 离 摄像 机 越 近 网 格 越 大 ， 
离 摄像 机 越 远 网 格 越 小 。 而 在 正 交 投影 中 ， 所 有 的 网 格 大 小 都 一 样 ， 而 且 平行 线 会 一 直 保持 平行 。 
可 以 注意 到 ， 透 视 投 影 模拟 了 人 眼看 世界 的 方式 ， 而 正 交 投影 则 完全 保留 了 物体 的 距离 和 角度 。 
忆 此 , 在 追求 真实 感 的 3D 游戏 中 我 们 往往 会 使 用 透视 投影 , 而 在 一 些 2D 游戏 或 泻 染 小 地 图 等 其 
他 HUD 元 素 时 ， 我 们 会 使 用 正 交 投影 。 

在 视 锥 体 的 6 块 裁剪 平面 中 ,有 两 块 裁剪 平面 比较 特殊 ,它们 分 别 被 称 为 近 剪 裁 平 面 (near clip 
plane) 和 远 剪 裁 平 面 (far clip plane)。 它 们 决定 了 摄像 机 可 以 看 到 的 深度 范围 。 正 交 投 影 和 透视 
投影 的 视 锥 体 如 图 4.37 所 示 。 


J 


近 裁 剪 平面 近 裁 前 平面 


4 图 4.37” 视 锥 体 和 裁剪 平面 。 左 图 显示 了 透视 投影 的 视 锥 体 ， 右 图 显示 了 正 交 投影 的 视 锥 体 


由 图 4.37 可 以 看 出 ， 透 视 投影 的 视 锥 体 是 一 个 金字 塔 形 ， 侧 面 的 4 个 裁剪 平面 将 会 在 摄像 机 
处 相交 。 它 更 符合 视 锥 体 这 个 词语 。 正 交 投影 的 视 锥 体 是 一 个 长 方 体 。 前 面 讲 到 ， 我 们 希望 根据 
视 锥 体 围 成 的 区 域 对 图 元 进行 裁剪 ， 但 是 ， 如 果 直 接 使 用 视 锥 体 定义 的 空间 来 进行 裁剪 ， 那 么 不 
同 的 视 锥 体 就 需要 不 同 的 处 理 过 程 ， 而 且 对 于 透视 投影 的 视 锥 体 来 说 ， 想 要 判断 一 个 顶点 是 否 处 
于 一 个 金字 塔 内 部 是 比较 麻烦 的 。 因 此 ， 我 们 想 用 一 种 更 加 通用 、 方 便 和 整洁 的 方式 来 进行 裁剪 
的 工作 ， 这 种 方式 就 是 通过 一 个 投影 矩阵 把 顶点 转换 到 一 个 裁剪 空间 中 。 


投影 矩阵 有 两 个 目的 。 

。 首先 是 为 投影 做 准备 。 这 是 个 迷惑 点 ， 虽 然 投影 矩阵 的 名 称 包 含 了 投影 二 字 ， 但 是 它 并 没有 
进行 真正 的 投影 工作 ， 而 是 在 为 投影 做 准备 。 真 正 的 投影 发 生 在 后 面 的 齐 次 除法 
(homogeneous division ) 过 程 中 。 而 经 过 投影 矩阵 的 变换 后 ， 顶 点 的 w 分 量 将 会 具有 特殊 的 
意义 。 

读者 : 投影 到 底 是 什么 意思 呢 ? 


我 们 : 可 以 理解 成 是 一 个 空间 的 降 维 ， 例 如 从 四 维 空间 投影 到 三 维 空间 中 。 而 投影 矩阵 实际 
并 不 会 真 的 进行 这 个 步骤 ， 它 会 为 真正 的 投影 做 准备 工作 。 真 正 的 投影 会 在 屏幕 映射 时 发 生 ， 
过 齐 次 除法 来 得 到 二 维 坐标 。 具 体会 在 4.6.8 节 中 讲 到 。 
。 其 次 是 对 x、y、z 分 量 进行 缩放 。 我 们 上 面 讲 过 直接 使 用 视 锥 体 的 6 个 裁剪 平面 来 进行 裁 
剪 会 比较 麻烦 。 而 经 过 投影 矩阵 的 缩放 后 ， 我 们 可 以 直接 使 用 w 分 量 作为 一 个 范围 值 ， 
如 果 x、 “分 量 都 位 于 这 个 范围 内 ， 就 说 明 该 顶点 位 于 裁剪 空间 内 。 
在 裁剪 空间 之 前 ， 虽 然 我 们 使 用 了 章 次 坐标 来 表示 点 和 矢量 ， 但 它们 的 第 四 个 分 量 都 是 固定 
的 : 点 的 w 分 量 是 1， 方 向 矢量 的 克 分 量 是 0。 经 过 投影 矩阵 的 变换 后 ， 我 们 就 会 赋予 齐 次 坐标 
的 第 4 个 坐标 更 加 丰富 的 含义 .下 面 ”我 们 来 看 

一 下 两 种 投影 类 型 使 用 的 投影 矩阵 具体 是 什么 。 
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视 锥 体 的 意义 在 于 定义 了 场景 中 的 一 块 三 
维 空间 。 所 有 位 于 这 块 空 间 内 的 物体 将 会 被 泻 
染 ， 否 则 就 会 被 剔除 或 裁剪 。 我 们 已 经 知道 ， 这 
块 区 域 由 6 个 裁剪 平面 定义 , 那么 这 6 个 裁剪 平 
面 又 是 怎么 决定 的 呢 ? 在 Unity 中 ， 它 们 由 
Camera 组 件 中 的 参数 和 Game 视图 的 横 纵 比 共 从 
同 决 定 ， 如 图 4.38 所 示 。 te 
由 图 4.38 可 以 看 出 ， 我 们 可 以 通过 Camera “en 
组 件 的 Field of View《〈 简 称 FOV ) 属性 来 改变 视 
锥 体 竖 直 方向 的 张 开 角 度 ， 而 Clipping Planes 中 
的 Near 和 Far 参数 可 以 控制 视 锥 体 的 近 裁 前 平面 和 远 裁剪 平面 距离 摄像 机 的 远近 。 这 样 ， 我 们 可 
以 求 出 视 锥 体 近 裁剪 平面 和 远 裁剪 平面 的 高 度 ， 也 就 是 : 
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4 图 4.38 ”透视 摄像 机 的 参数 对 透视 投影 视 锥 体 的 影响 


F 
nearClipPlaneHeight = 2: Near: tan 一 


F 
farClipPlaneHeight = 2: Far: tan — 


现在 我 们 还 缺乏 横向 的 信息 。 这 可 以 通过 摄像 机 的 横 纵 比 得 到 。 在 Unity 中 ， 一 个 摄像 机 的 
横 纵 比 由 Game 视图 的 横 纵 比 和 Viewport Rect 中 的 WwW 和 HH 属性 共同 决定 (实际 上 ,Unity 允许 我 


有 通过 Camera.aspect 进行 更 改 , 但 这 里 不 做 讨论 )。 假 设 , 当前 摄像 机 的 横 纵 比 为 Aspect， 


们 在 脚本 旦 
我 们 定义 : 
A nearClipPlane Width 
nearClipPlaneHeight 
A farClipPlaneWidth 
farClipPlaneHeight 


现在 ,我们 可 以 根据 已 知 的 Near、Far、FOV 和 Aspect 的 值 来 确定 透视 投影 的 投影 算 阵 。 如 下 : 


FOV 
cot 
2 0 0 0 
Aspect 
F 
frustum 二 0 cot 0 0 0 
0 0 Far+ Near 2.Near: Far 
Far— Near Far— Near 
| 0 0 一 1 0 
需要 注意 的 是 ， 这 里 的 投影 矩阵 是 建立 


上 面 公式 的 推导 部 分 可 以 参见 本 章 的 扩展 阅读 部 分 。 
在 Unity 对 坐标 系 的 假定 上 面 的 ， 也 就 是 说 ， 我 们 针对 的 是 观察 空间 为 右手 坐标 系 ， 使 用 列 矩 阵 
在 矩阵 右 侧 进行 相 乘 ， 且 变换 后 z 分 量 范 围 将 在 [-w, wj] 之 间 的 情况 。 而 在 类 似 DirectX 这 样 的 医 
形 接口 中 ， 它 们 希望 变换 后 z 分 量 范围 将 在 [0, w] 之 间 ， 因 此 就 需要 对 上 面 的 透视 矩阵 进行 一 些 更 


改 。 这 不 在 本 书 的 讨论 范围 内 。 
而 一 个 顶点 和 上 述 投影 矩阵 相 乘 后 ， 可 以 由 观察 空间 变换 到 裁剪 空间 中 ， 结 果 如 下 : 
Paip 二 M frissrum Dvisw 

FOV | 
cot 
二 0 0 0 
Aspect x 
0 cot 二 0 0 ? 
0 Far + Near 2.Near' Far ||1 
Far— Near Far — Near 
L 0 0 一 0 
| FOV | 
cot 
Xe 
Aspect 
FOV 
= ycot 


Far+Near 2:Near:Far 
z 
Far 一 Near Far—Near 


二 一 《< sd 
从 结果 可 以 看 出 ， 这 个 投影 矩阵 本 质 就 是 对 x、y 和 z 分 量 进行 了 不 同 程 度 的 缩放 (当然 ，z 
分 量 还 做 了 一 个 平移 )， 缩 放 的 目的 是 为 了 方便 裁剪 。 我 们 可 以 注意 到 ， 此 时 项 点 的 w 分 量 不 再 
是 it 可 以 按 如 下 不 等 式 来 判断 一 个 变换 后 的 顶点 是 否 


1， 而 是 原先 z 分 量 的 取 反 结果 。 现 在 ,我 们 就 
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位 于 视 锥 体内 。 如 果 一 个 顶点 在 视 锥 体内 ， 那 么 它 变换 后 的 坐标 必须 满足 : 


-wxw 


—w yw 
-wz<w 
任何 不 满足 上 述 条 件 的 图 元 都 需要 被 剔除 或 者 裁 前 。 图 4.39 显示 了 经 过 上 述 投影 矩阵 后 ， 视 
锥 体 的 变化 。 


x=farClipPlaneWidth /2 


x = -farClipPlaneWidth /2 y=farClipPlaneHeight /2 


y= -farClipPlaneHeight / z= -Far 
z= -Far Wn 
w=1 
裁剪 矩阵 
x = -nearClipPlaneWidth / 2 
y = -nearClipPlaneHeight / 2 
z= -Near 
w=1 
xX = -Near 
= -N' 
x = nearClipPlaneWidth / 2 Ye eh 
y= nearClipPlaneHeight / 2 w = Near *é 
Z= -Near 
w=1 
z 
\ 天 mm 几 晶 儿 | Te 、 一 一 、 Ee iT 鼎 NE 
4 图 4.39 ”在 透视 投影 中 ， 投 影 矩 阵 对 顶点 进行 了 缩放 。 图 3.38 中 标注 了 4 个 关键 点 经 过 投影 矩阵 变换 后 的 结果 。 从 这 


些 结果 厂 以 看 出 XxX、iy、Z 和 w 分 量 的 范围 发 生 的 变化 


从 图 4.39 还 可 以 注意 到 ,裁剪 矩阵 会 改变 空间 的 旋 向 性 : 空间 从 右手 坐标 系 变换 到 了 左手 多 
标 系 。 这 意味 着 ， 离 摄像 机 越 远 ，z 值 将 越 大 。 


2. 正 交 投影 Size 
Near 
首先 ， 我 们 还 是 看 一 下 正 交 投影 中 的 6 个 裁 


剪 平面 是 如 何 定义 的 。 和 透视 投影 类 似 ， 在 Unity 
中 ， 它 们 也 是 由 Camera 组 件 中 的 参数 和 Game 视 

图 的 横 纵 比 共 同 决定 ， 如 图 4.40 所 示 。 

正 交 投影 的 视 锥 体 是 一 个 长 方 体 ， 因 此 计算 
上 相 比 透视 投影 来 说 更 加 简单 。 由 图 可 以 看 出 ， 
我 们 可 以 通过 Camera 组 件 的 Size 属性 来 改变 视 锥 

体 竖 直方 向 上 高 度 的 一 半 , 而 Clipping Planes 中 的 
Near 和 Far 参数 可 以 控制 视 锥 体 的 近 裁 前 平面 和 
远 裁 剪 平 面 距离 摄像 机 的 远近 。 这 样 ， 我 们 可 以 求 出 视 锥 体 近 裁剪 平面 和 远 裁 剪 平 面 的 高 度 ， 也 
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4 图 4.40” 正 交 摄像 机 的 参数 对 正 交 投影 视 锥 体 的 影响 


2 


有 元 : 
nearClipPlaneHeight=2.: Size 
farClipPlaneHeight=nearClipPlaneHeight 
现在 我 们 还 缺乏 横向 的 信息 。 同 样 ， 我 们 可 以 通过 摄像 机 的 横 纵 比 得 到 。 假 设 ， 当 前 摄像 机 
的 横 纵 比 为 Aspect， 那 么 : 
nearClipPlaneWidth=Aspect:nearClipPlaneHeight 


farClipPlane Width=nearClipPlaneWidth 
现在 , 我 们 可 以 根据 已 知 的 Near、Far、Size 和 Aspect 的 值 来 确定 正 交 投影 的 裁剪 矩阵 。 如 下 : 


1 0 0 | 
Aspect: Size 
1 
M ,in > , Size 9, " 
0 0 四 2 本 Far + Near 
Far— Near Far— Near 
0 0 0 1 
上 面 公式 的 推导 部 分 可 以 参见 本 章 的 扩展 阅读 部 分 。 同样 ， 这 里 的 投 影 车 是 建立 在 Unity 
对 坐标 系 的 假定 上 面 的 。 
一 个 顶点 和 上 述 投影 矩阵 相 乘 后 的 结果 如 下 : 
Pulip = ortho Dvisw 
i 0 0 0 
Aspect: Size 
0 区 0 0 了 
= Size 
0 0 0 Far + Near | 
Far— Near Far— Near 
| 0 0 0 1 
Aspect: Size 
.水 
=| Size 
2 Far + Near 
Far—Near Far—Near 
1 
注意 到 ， 和 透视 投影 不 同 的 是 ， 使 用 正 交 投影 的 投影 矩阵 对 顶点 进行 变换 后 ， 其 w 分 量 仍然 
为 1。 本质 是 因为 投影 矩阵 最 后 一 行 的 不 同 ， 透 视 投 影 的 投影 矩阵 的 最 后 一 行 是 [0 ”0 一 1 0]， 而 
正 交 投影 的 投影 矩阵 的 最 后 一 行 是 [0 0 0 1]。 这 样 的 选择 是 有 原因 的 ， 是 为 了 为 齐 次 除法 做 
准备 。 具 体会 在 下 一 节 中 讲 到 。 
判断 一 个 变换 后 的 顶点 是 否 位 于 视 锥 体内 使 用 的 不 等 式 和 透视 投影 中 的 一 样 ， 这 种 通用 性 也 
是 为 什么 要 使 用 投影 矩阵 的 原因 之 一 。 图 4.41 显示 了 经 过 上 述 投影 矩阵 后 ， 正 交 投 影 的 视 锥 体 的 


变化 。 


同样 ， 裁 剪 矩 阵 改 变 了 空间 的 旋 向 性 。 可 以 注意 到 ， 经 过 正 交 投影 变换 后 的 顶点 实际 已 经 位 
于 一 个 立方 体内 了 。 

希望 看 到 这 里 读者 的 脑袋 还 没有 爆炸 。 现 在 , 我们 继续 来 看 我 们 的 农场 游戏 。 在 4.6.6 节 的 最 
后 ， 我 们 已 经 帮助 妞妞 确定 了 它 的 鼻子 在 观察 空间 中 的 位 置 (9, 8.84, -27.31) 。 现 在 ， 我 们 要 计 
算 它 在 裁剪 空间 中 的 位 置 。 

首先 ， 我 们 需要 知道 农场 游戏 中 使 用 的 摄像 机 类 型 。 由 于 农场 游戏 是 一 个 3D 游戏 ， 因 此 这 
里 我 们 使 用 了 透视 摄像 机 。 摄 像 机 参数 和 Game 视图 的 横 纵 比如 图 4.42 所 示 。 
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x= -farClipPlaneWidth /2 

y = -farClipPlaneHeight /2 
z= -Far 

w=1 


| 所 ~- x = farClipPlaneWidth / 2 
y =farClipPlaneHeight / 2 
z=-Far 
w=1 


x = -nearClipPlaneWidth /2 裁剪 和 矩阵 


y= -nearClipPlaneHeight /2 


Ne<x 
I 


z= -Near 
w=1 
x 
x= nearClipPlaneWidth /2 
y= nearClipPlaneHeight /2 
z= -Near 
w=1 
4 图 4.41 在 正 交 投 影 中 ， 投 影 矩 阵 对 顶点 进行 了 缩放 。 图 中 标注 了 4 个 关键 点 经 过 投影 矩阵 变换 后 的 结果 。 从 这 些 结果 
可 以 看 出 六 发 > 和 必 分 量 范 碟 发 的 变化 
| Maximize on Play | Mute audio | Stats | 
4 图 4.42 ”农场 游戏 使 用 的 摄像 机 参数 和 游戏 画面 的 横 纵 比 
我 们 可 以 知道 透视 投影 的 参数 : FOV 为 60°, Near 为 5, Far 为 40, Aspect 为 4/3 = 1.333。 
那么 ， 对 应 的 投影 矩阵 就 是 : 
FOV ] 
cot 
一 一 一 全 一 0 0 0 
Aspect 
M smm = 0 cot 2 0 0 
2 
0 0 二 Far + Mear 四 2.Mear: Far 
Far — Mear Far — Mear 
| 0 0 一 1 0 J」 
1.299 0 0 0 
0 1.732 0 0 
“0o 0 -1.286 -11.429 
0 0 一 1 0 


然后 ， 我 们 用 这 个 投影 矩阵 来 把 妞妞 的 鼻子 从 观察 空间 转换 到 裁剪 空间 中 。 如 下 ; 


Palip = M prusrum Dvisw 
1.299 0 0 0 9 11.691 
0 1732 0 0 8.84 | |15.311 
|0 0 -1.286 -11.429 || -27.31| | 23.692 
0 0 -1 0 1 27.31 


这 样 ， 我 们 就 求 出 了 妞妞 的 鼻子 在 裁剪 空间 中 的 位 置 一 一 (11.691, 15.311, 23.692, 27.31) 。 接 
下 来 ，Unity 会 判断 妞妞 的 鼻子 是 否 需 要 裁剪 。 通 过 比较 得 到 ， 妞 妞 的 鼻子 满足 下 面 的 不 等 式 ; 
—w<x<w—-27.31<11.691<27.31 
—w<x<y>-27.31<15.311<27.31 
—w<z<w—-27.3123.692 志 27.31 
由 此 ， 我 们 可 以 判断 ， 妞 妞 的 鼻子 位 于 视 锥 体内 ， 不 需要 被 裁剪 。 


4.6.8 ”屏幕 空间 


经 过 投影 矩阵 的 变换 后 ， 我 们 可 以 进行 裁剪 操作 。 当 完成 了 所 有 的 裁剪 工作 后 ， 就 需要 进行 
真正 的 投影 了 ， 也 就 是 说 ， 我 们 需要 把 视 锥 体 投影 到 屏幕 空间 (screen space) 中 。 经 过 这 一 步 变 
换 ， 我 们 会 得 到 真正 的 像素 位 置 ， 而 不 是 虚拟 的 三 维 坐标 。 
屏幕 空间 是 一 个 二 维 空 间 ， 因 此 ， 我 们 必须 把 顶点 从 裁剪 空间 投影 到 屏幕 空间 中 ， 来 生成 对 
应 的 2D 坐标 。 这 个 过 程 可 以 理解 成 有 两 个 步 又 。 
首先 , 我 们 需要 进行 标准 齐 次 除法 (homogeneous division )， 也 被 称 为 透视 除法 (perspective 
division)。 虽 然 这 个 步骤 听 起 来 很 陌生 ， 但 是 它 实际 上 非常 简单 ， 就 是 用 齐 次 坐标 系 的 w 分 量 去 
除 以 x、y、z 分 量 。 在 OpenGL 中 , 我 们 把 这 一 步 得 到 的 坐标 叫做 归 一 化 的 设备 坐标 (Normalized 
Device Coordinates，NDC)。 经 过 这 一 步 ， 我 们 可 以 把 坐标 从 齐 次 裁剪 坐标 空间 转换 到 NDC 中 。 
经 过 透视 投影 变换 后 的 裁剪 空间 ， 经 过 齐 次 除法 后 会 变换 到 一 个 立方 体内 。 按 照 OpenGL 的 传统 ， 
这 个 立方 体 的 x、y、z 分 量 的 范围 都 是 [-1, 1]。 但 在 DirectX 这 样 的 API 中 ，z 分 量 的 范围 会 是 [0， 
1]。 而 Unity 选择 了 OpenGL 这 样 的 齐 次 裁剪 空间 ， 如 图 4.43 所 示 。 


4 图 4.43 ”经 过 齐 次 除法 后 ， 透 视 投 影 的 裁剪 空间 会 变换 到 一 个 立方 体 


而 对 于 正 交 投 影 来 说 ， 它 的 裁剪 空间 实际 已 经 是 一 个 立方 体 了 ， 而 且 由 于 经 过 正 交 投 影 矩 
阵 变换 后 的 顶点 的 w 分 量 是 1， 因 此 齐 次 除法 并 不 会 对 顶点 的 x、y、z 坐标 产生 影响 ， 如 图 4.44 
所 示 。 
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4 图 4.44 ”经 过 齐 次 除法 后 ， 正 交 投影 的 裁剪 空间 会 变换 到 一 个 立方 体 


经 过 齐 次 除法 后 ， 透 视 投影 和 正 交 投影 的 视 锥 体 都 变换 到 一 个 相同 的 立方 体内 。 现 在 ， 我 们 
以 根据 变换 后 的 x 和 y 坐标 来 映射 输出 窗口 的 对 应 像素 坐标 。 
在 Unity 中 , 屏幕 空间 左下 角 的 像素 坐标 是 (0,0), 右上 角 的 像素 坐标 是 (pixelWidth, pixelHeighb) 。 
于 当前 x 和 y 坐标 都 是 [-151]… 因 此 这 个 映射 的 过 程 就 是 一 个 缩放 的 过 程 。 
齐 次 除法 和 屏幕 映射 的 过 程 可 以 使 用 下 面 的 公式 来 总 结 : 


clip, : pixelWidth 由 pixelWidth 
2.:clip,, 2 


| 


SCreen, = 


clip,: pixelHeight , PixelHeight 


Screen, = 
2.clip,, 2 


上 面 的 式 子 对 x 和 y 分量 都 进行 了 处 理 ， 那么 z 分量 呢 ? 通常 ，z 分 量 会 被 用 于 深度 缓冲 。 

个 传统 的 方式 是 把 2 的 值 直接 存 进深 度 缓冲 中 , 但 这 并 不 是 必须 的 。 通 常 驱 动 生产 商会 根据 硬 
C wD,, 

件 来 选择 最 好 的 存储 格式 。 此 时 clipw 也 并 不 会 被 抛弃 ， 虽 然 它 已 经 完成 了 它 的 主要 工作 一 一 在 

齐 次 除法 中 作为 分 母 来 得 到 NDC, 但 它 仍然 会 在 后 续 的 一 些 工 作 中 起 到 重要 的 作用 ， 例 如 进行 透 


视 校正 插值 。 
在 Unity 中 ， 从 裁剪 空间 到 屏幕 空间 的 转换 是 由 Unity 帮 我 们 完成 的 。 我 们 的 顶点 着 色 器 只 
需要 把 顶点 转换 到 裁剪 空间 即 可 。 


在 上 一 步 中 ， 我 们 知道 了 裁剪 空间 中 妞妞 鼻子 的 位 置 一 一 (11.691,， 15.311, 23.692, 27.31)。 现 
在 ， 我 们 终于 可 以 确定 妞妞 的 鼻子 在 屏幕 上 的 像素 位 置 。 假 设 ， 当 前 屏幕 的 像素 宽度 为 400， 高 
度 为 300。 首 先 ， 我 们 需要 进行 齐 次 除法 ， 把 裁剪 空间 的 坐标 投影 到 NDC 中 。 然 后 ， 再 映射 到 屏 
幕 空间 中 。 这 个 过 程 如 下 : 


clip, : pixelWidth 由 pixelWidth 


scCreen, = 
2.clip,, 
_ 11.691.400 下 400 
2.27.31 2 
= 285.617 
clip,. pixelHeight pixelHeight 
Sc1ee1 二 一 一 一 一 一 一 一 二 一 一 一 一 
> 2.clip,, 2 
_15.311.300 a 300 
2.27.31 2 
= 234.096 


由 些 ， 我 们 知道 了 妞妞 鼻子 在 屏幕 上 的 位 置 一 一 (285.617, 234.096)。 


4.6.9 总 结 


以 上 就 是 一 个 顶点 如 何 从 模型 空间 变换 到 屏幕 坐标 的 过 程 。 图 4.45 总 结 了 这 些 空间 和 用 于 变 
换 的 矩阵 。 
顶点 着 色 器 的 最 基本 的 任务 就 是 把 顶点 坐标 从 模型 空间 转换 到 裁剪 空间 中 。 这 对 应 了 图 4.45 
中 的 前 三 个 顶点 变换 过 程 。 而 在 片 元 着 色 器 中 ， 我 们 通常 也 可 以 得 到 该 片 元 在 屏幕 空间 的 像素 位 
置 。 我 们 会 在 4.9.3 节 中 看 到 如 何 得 到 这 些 像素 位 置 。 
在 Unity 中 ， 坐 标 系 的 旋 向 性 也 随 着 变换 发 生 了 改变 。 图 4.46 总 结 了 Unity 中 各 个 空间 使 用 
的 坐标 系 旋 向 性 。 

从 图 4.46 中 可 以 发 现 ， 只 有 在 观察 空间 中 Unity 使 用 了 右手 坐标 系 。 

需要 注意 的 是 ， 这 里 仅仅 给 出 的 是 一 些 最 重要 的 坐标 空间 。 还 有 一 些 空间 在 实际 开发 中 也 


会 遇 到 ， 例 如 切线 空间 〈tangent space)。 切 线 空间 通常 用 于 法 线 映 射 ， 在 后 面 的 4.7 节 中 我 们 
会 讲 到 。 


模型 空间 
也 被 称 为 对 象 空间 


模型 空间 ~ 
左手 坐标 系 
世界 空间 ~ 
左手 坐标 系 
观察 空间 ~ 
右手 坐标 系 


在 顶点 着 色 器 中 通常 
串联 成 一 个 甜 阵 ， 即 
MYVP 和 矩阵 ， 用 于 将 顶 
点 从 模型 空间 转换 到 
裁剪 空间 中 


屏幕 空间 ~ 
左手 坐标 系 


4 图 4.45” 演 染 流 水 线 中 顶点 的 空间 变换 过 程 4 图 4.46 Unity 中 各 个 坐标 空间 的 旋 向 性 
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已 法 线 变换 


在 本 章 的 最 后 ， 我 们 来 看 一 种 特殊 的 变换 : 法 线 变 换 。 

法 线 (normal)， 也 被 称 为 法 矢量 (normal vector)。 在 上 面 我 们 已 经 看 到 如 何 使 用 变换 矩阵 
来 变换 一 个 顶点 或 一 个 方向 矢量 ， 但 法 线 是 需要 我 们 特殊 处 理 的 一 种 方向 矢量 。 在 游戏 中 ， 模 型 
的 一 个 顶点 往往 会 携带 额外 的 信息 , 而 顶点 法 线 就 是 其 中 一 种 信息 。 当 我 们 变换 一 个 模型 的 时 候 ， 
不 仅 需 要 变换 它 的 顶点 ， 还 需要 变换 顶点 法 线 ， 以 便 在 后 续 处 理 〈 如 片 元 着 色 器 ) 中 计算 光照 等 。 

一 般 来 说 ， 点 和 绝 大 部 分 方向 矢量 都 可 以 使 用 同一 个 4X4 或 3X3 的 变换 矩阵 MA-s 把 其 从 
坐标 空间 A 变换 到 坐标 空间 B 中 。 但 在 变换 法 线 的 
时 候 ， 如 果 使 用 同一 个 变换 矩阵 ， 可 能 就 无 法 确保 
维持 法 线 的 垂直 性 。 下 面 就 来 了 解 一 下 为 什么 会 出 
现 这 样 的 问题 。 

我 们 先 来 了 解 一 下 另 一 种 方向 矢量 一 一 切线 
(tangent)， 也 被 称 为 切 矢 量 (tangent vector)。 与 
法 线 类 似 ， 切 线 往 往 也 是 模型 顶点 携带 的 一 种 信 
息 。 它 通常 与 纹理 空间 对 齐 , 而 且 与 法 线 方向 垂直 ， 
如 图 4.47 所 示 。 

由 于 切线 是 由 两 个 顶点 之 间 的 差 值 计算 得 到 
的 ， 因 此 我 们 可 以 直接 使 用 用 于 变换 顶点 的 变换 和 矩 
阵 来 变换 切线 。 假 设 ， 我 们 使 用 ; 3X3: 的 变换 矩阵 
M48 来 变换 顶点 (注意 ， 这 里 涉及 的 变换 矩阵 都 是 3X3 的 矩阵 ， 不 考虑 平移 变换 。 这 是 因为 切 
线 和 法 线 都 是 方向 矢量 ， 不 会 受 平移 的 影响 )， 可 以 由 下 面 的 式 子 直接 得 到 变换 后 的 切线 ; 
Ta=Ma -pTa 

其 中 T 和 Ts 分 别 表 示 在 坐标 空间 A 下 和 坐标 空间 B 下 的 切线 方向 。 但 如 果 直 接 使 用 Mp 
来 变换 法 线 ， 得 到 的 新 的 法 线 方向 可 能 就 不 会 与 表面 重 直 了 。 图 4.48 给 出 了 这 样 的 一 个 例子 。 


到 4.47 ”顶点 的 切线 和 法 线 。 切 线 和 法 线 互 相 垂 


a 


法 线 


2 按 (1, 2, 1 进行 
法 线 非 统一 缩放 
一 -一 
X 
乙 
4 图 4.48 进行 非 统 一 缩放 时 ， 如 果 使 用 和 变换 顶点 相同 的 变换 矩 阵 来 变换 法 线 ， 


就 会 得 到 错误 的 结果 ， 即 变换 后 的 法 线 方向 与 平面 不 


那么 ， 应 该 使 用 哪个 矩阵 来 变换 法 线 呢 ? 我 们 可 以 由 数学 约束 条 件 来 推出 这 个 矩阵 。 我 们 知 
道 同 一 个 顶点 的 切线 Ts 和 法 线 Ns 必须 满足 垂直 条 件 ， 即 Ti。Na=0。 给 定 变换 矩阵 MA-s， 我 们 
已 经 知道 Tp=M4-s T4A。 我 们 现在 想 要 找到 一 个 矩阵 G 来 变换 法 线 NA， 使 得 变换 后 的 法 线 仍 然 与 
切线 垂直 。 即 


对 上 式 进行 一 些 推导 后 可 得 


Tap°* Ns=(Ma-s Ta) * (GNA)=0 


(M, ,asT,) CN = (MsT) (GN,)= T = (Mi ,sON, =0 
由 于 T4* Ns=0， 因 此 如 果 Mi,sG=I， 那 么 上 式 即 可 成 立 。 也 就 是 说 ， 如 果 
G=(M7I,,)' =(M 沁 ，) ， 即 使 用 i 以 得 到 正确 的 结 
值得 注意 的 是 , 如 果 变 换 矩 阵 Mas 是 正 交 和 矩阵 , 那么 Mis = Mas; 因此 (Ms) =M,;， 
也 就 是 说 我 们 可 以 使 用 用 于 变换 顶点 的 变换 矩阵 来 直接 变换 法 线 。 如 果 变 换 只 包括 旋转 变换 ， 那 
么 这 个 变换 矩阵 就 是 正 交 矩阵。 而 如 果 变 换 只 包含 旋转 和 统一 缩放 ， 人 我 们 
利用 统一 缩放 系数 大 来 得 到 变换 矩阵 M4-s 的 逆转 置 矩 阵 (MT ，)= 二 MT ，，。 这 样 就 可 以 避免 计 
算 首 和 矩阵 的 过 程 。 如 果 变 换 中 包含 了 非 统 一 变换 ， 那 么 我 们 就 必须 要 a 逆 矩 阵 来 得 到 变换 法 线 
的 矩阵 。 
本 es 
2 Unity Shader 的 内 置 变量 ( 数学 篇 ) 
使 用 Unity 写 Shader 的 一 个 好 处 在 于 ， 它 提供 了 很 多 内 置 的 参数 ， 这 使 得 我 们 不 再 需要 自己 
手动 计算 一 些 值 。 本 节 将 给 出 Unity 内 置 的 用 于 空间 变换 和 摄像 机 以 及 屏幕 参数 的 内 置 变 量 。 这 
些 内 置 变 量 可 以 在 UnityShaderVariables.cginc 文件 中 找到 定义 和 说 明 。 
4.8.1 变换 和 矩阵 
首先 是 用 于 坐标 空间 变换 的 和 矩阵 。 表 4.2 给 出 了 Unity 5.2 版 本 提供 的 所 有 内 置 变换 矩阵 。 下 
而 所 有 的 和 矩阵 都 是 float4x4 类 型 的 。 
读者 : 为 什么 在 我 的 Unity 中 ， 有 些 变量 不 存在 呢 ? 
我 们 : 可 能 是 由 于 你 使 用 的 Unity 版 本 和 本 书 使 用 的 版 本 不 同 。 在 写本 书 时 ， 我 们 使 用 的 Unity 
版 本 是 最 新 的 5.2。 而 在 4.x 版 本 中 ， 一 些 内 置 变量 可 能 会 与 之 不 同 。 
表 4.2 Unity 内 置 的 变换 矩阵 
变 量 名 描述 
UNITY_MATRIX_MVP | 当前 的 模型 "观察 "投影 矩阵 ， 用 于 将 顶点 /方向 矢量 从 模型 空间 变换 到 裁剪 空间 
CNETY_MATRIX_MY | 当前 的 模型 "观察 矩阵 ， 用 于 将 顶点 /方向 矢量 从 模型 空间 变换 到 观察 空间 
UNITY_MATRIX_V 当前 的 观察 矩阵 ， 用 于 将 顶点 /方向 矢量 从 世界 空间 变换 到 观察 空间 
UNITY_MATRIX_P 当前 的 投影 矩阵 ， 用 于 将 顶点 /方向 矢量 从 观察 空间 变换 到 裁剪 空间 
MA 当前 的 观察 "投影 算 阵 ， 用 于 将 顶点 /方向 矢量 从 世界 空间 变换 到 裁剪 空间 
UNITY_MATRIX_T_MV | UNITY_ MATRIX_MV 的 转 置 矩阵 
UNITY_MATRIX_IT_MV | UNITY_MATRIX_MYV 的 逆转 置 矩 阵 ， 用 于 将 法 线 从 模型 空间 变换 到 观察 空间 ， 也 可 用 于 
得 到 UNITY_MATRIX_MYV 的 逆 和 矩阵 
_Object2World 当前 的 模型 矩阵 ， 用 于 将 顶点 /方向 矢量 从 模型 空间 变换 到 世界 空间 
_World2Object _Object2World 的 逆 和 矩 阵 ， 用 于 将 顶点 /方向 矢量 从 世界 空间 变换 到 模型 空间 
表 4.2 给 出 了 这 些 矩 阵 的 常见 用 法 。 但 读者 可 以 根据 需求 来 达到 不 同 的 目的 ， 例 如 我 们 可 以 
提取 坐标 空间 的 坐标 轴 ， 方 法 可 回顾 4.6.2 节 。 
中 有 一 个 矩阵 比较 特殊 ， 即 UNITY_MATRIX_T_MYV 和 矩阵。 很 多 对 数学 不 了 解 的 读者 不 理 
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解 这 个 矩阵 有 什么 用 处 。 如 果 读 者 认真 看 过 矩阵 一 节 的 知识 ， 应 该 还 会 记得 一 种 非常 吸引 人 的 针 
阵 类 型 一 一 正 交 和 抢 阵 。 对 于 正 交 和 抢 阵 来 说 ， 它 的 逆 和 矩阵 就 是 转 置 矩 阵 。 因 此 ， 如 果 
UNITY_MATRIX_MYV 是 一 个 正 交 矩阵 的 话 ， 那 么 UNITY_MATRIX_T_MYV 就 是 它 的 逆 和 矩阵 ， 也 
就 是 说 ， 我 们 可 以 使 用 UNITY_MATRIX_T_MYV 把 顶点 和 方向 矢量 从 观察 空间 变换 到 模型 空间 。 
那么 问题 是 ，UNITY_MATRIX_MYV 什么 时 候 是 一 个 正 交 和 矩阵 呢 ? 读 者 可 以 从 4.5 节 找 到 答案 。 
总 结 一 下 ， 如 果 我 们 只 考虑 旋转 、 平 移 和 缩放 这 3 种 变换 的 话 ， 如 果 一 个 模型 的 变换 只 包括 旋转 ， 
那么 UNITY_MATRIX_MYV 就 是 一 个 正 交 矩阵 。 这 个 条 件 似 乎 有 些 苛 刻 ， 我 们 可 以 把 条 件 再 放宽 
些 ， 如 果 只 包括 旋转 和 统一 缩放 (假设 缩放 系数 是 k)， 那 么 UNITY_MATRIX_MYV 就 几乎 是 一 
个 正 交 和 矩阵 了 。 为 什么 是 几乎 呢 ? 因为 统一 缩放 可 能 会 导致 每 一 行 〈 或 每 一 列 ) 的 矢量 长 度 不 为 
1， 而 是 k， 这 不 符合 正 交 和 矩阵 的 特性 ， 但 我 们 可 以 通 } We 来 把 它 变 成 正 交 


和 矩阵。 在 这 种 情况 下 ，UNITY_MATRIX_MV 的 逆 和 矩阵 就 是 上 UNITY _ MATRIX T_ MV。 而 且 ， 


如 果 我 们 只 是 对 方向 矢量 进行 变换 的 话 ， 条 件 可 以 放 得 更 宽 ， 即 不 用 考虑 有 没有 平移 变换 ， 因 为 
平移 对 方向 矢量 没有 影响 。 因 此 ， 我 们 可 以 截取 UNITY_MATRIX_T_MYV 的 前 3 行 前 3 列 来 把 方 
向 矢量 从 观察 空间 变换 到 模型 空间 (前提 是 只 存在 旋转 变换 和 统一 缩放 )。 对 于 方向 矢量 , 我 们 可 
以 在 使 用 前 对 它们 进行 归 一 化 处 理 ， 来 消除 统一 缩放 的 影响 。 

还 有 一 个 矩阵 需要 说 明 一 下 , 那 就 是 UNITY_MATRIX_IT_MYV 矩阵。 我 们 在 4.7 节 已 经 知道 ， 
法 线 的 变换 需要 使 用 原 变换 矩阵 的 道 转 置 矩 阵 。 因 此 UNITY_MATRIX_IT_MV 可 以 把 法 线 从 模型 
空间 变换 到 观察 空间 。 但 只 要 我 们 做 三 点 手脚 ， 它 也 可 以 用 于 直接 得 到 UNITY_MATRIX_MYV 的 
逆 和 矩阵 一 一 我 们 只 需要 对 它 进行 转 置 就 可 以 了 。 因 此 ， 为 了 把 顶点 或 方向 矢量 从 观察 空间 变换 到 
模型 空间 ， 我 们 可 以 使 用 类 似 平 面 的 代码 ; 
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// 方法 使 用 transpose 函数 对 UNITY MATRIX IT MV 进行 转 置 ， 
// 得 到 UNITY MATR X_MV 的 逆 和 矩阵， 然后 进行 列 答 阵 乘法 ， 
// 把 观察 空间 中 的 点 或 方向 矢量 变换 到 模型 空间 中 
float4 modelPos = mul(transpose (UNITY _ MATRIX IT MV), viewPos); 


// 方法 不 直接 使 用 转 置 函 数 transpose， 而 是 交换 mul 参数 的 位 置 ， 使 用 行 矩 阵 乘法 
// 本 质 和 广 法 一 是 完全 一 样 的 
float4 modelPos = mul (viewPos, UNITY MATRIX IT MV); 


关于 mul 函数 参数 位 置 导致 的 不 同 ， 在 4.9.2 节 中 我 们 会 继续 讲 到 。 
4.8.2 ”摄像 机 和 屏幕 参数 


Unity 提供 了 一 些 内 置 变 量 来 让 我 们 访问 当前 正在 泻 染 的 摄像 机 的 参数 信息 。 这 些 参 数 对 应 
了 摄像 机 上 的 Camera 组 件 中 的 属性 值 。 表 4.3 给 出 了 Unity 5.2 版 本 提供 的 这 些 变量 。 
表 4.3 Unity 内 置 的 摄像 机 和 屏幕 参数 
变 量 名 类 型 描述 
_WorldSpaceCameraPos float3 该 摄像 机 在 世界 空间 中 的 位 置 
x = 1.0〈 或 -1.0， 如 果 正 在 使 用 一 个 翻转 的 投影 矩阵 进行 泻 染 )，y = 
_ProjectionParams float4 Near, z= Far, mw=1.0+1.0/Far， 其 中 Near 和 Far 分 别 是 近 裁 前 平面 
和 远 裁 剪 平 面 和 摄像 机 的 距离 


X= width，y= height，z= 1.0+ 1.0/width，w = 1.0+ 1.0/height， 其 中 


_ScreenParams float4 width 和 height 分 别 是 该 摄像 机 的 演 染 目标 〈render target) 的 像素 宽 
度 和 高 度 


X= 1- FarNear，y= Far/Near，z =x/Far，w = y/Far， 该 变量 用 于 线性 
化 乙 缓 存 中 的 深度 值 〈 可 参考 13.1 节 ) 


_ZBufferParams float4 


续 表 
变 量 名 类 型 描述 
X= width，y= height, z 没有 定义 ，w = 1.0〈 该 摄像 机 是 正 交 摄像 机 ) 
unity_OrthoParams float4 或 w=0.0〔 该 摄像 机 是 透视 摄像 机 )， 其 中 width 和 height 是 正 交 投 
影 摄像 机 的 宽度 和 高 度 
unity_CameraProjection float4x4 该 摄像 机 的 投影 矩阵 
unity_CameraInvProjection float4x4 该 摄像 机 的 投影 矩阵 的 逆 和 矩阵 
， 该 摄像 机 的 6 个 裁剪 平面 在 世界 空间 下 的 等 式 , 按 如 下 顺序 : 左 、 右 、 
unity_CameraWorldClipPlanes[6] | float4 下 、 上 、 近 、 远 裁 前 平面 


站 9 答 禾 解 或 


恭喜 


尔 已 经 几乎 完成 了 本 书 所 有 的 数学 训练 ! 我 们 希望 你 能 


从 上 面 的 内 容 中 得 到 很 多 收获 和 


启发 。 但 是 ， 


我 们 也 相信 在 读 完 上 面 的 内 容 后 你 可 能 对 某 些 概念 仍然 感到 迷惑 。 不 要 担心 ， 答 疑 
解 惑 一 节 就 可 以 帮 你 跨 过 一 些 障 得 。 


4.9.1 使 用 3x3 还 是 4x4 的 变换 矩阵 

对 于 线性 变换 (例如 旋转 和 缩放 ) 来 说 ， 仅 使 用 3x3 的 矩阵 就 足够 表示 所 有 的 变换 了 。 但 如 果 存 在 
平移 变换 ， 我 们 就 需要 使 用 4x4 的 矩阵 。 因 此 ， 在 对 顶点 的 变换 中 ,我们 通常 使 用 4x4 的 变换 矩阵 。 当 
然 ， 在 变换 前 我 们 需要 把 点 坐标 转换 成 齐 次 坐标 的 表示 ， 即 把 项 点 的 w 分 量 设 为 1。 而 在 对 方向 矢量 的 
变换 中 ， 我 们 通常 使 用 3x3 的 矩阵 就 足够 了 ， 这 是 因为 平移 变换 对 方向 矢量 是 没有 影响 的 。 
4.9.2 CG 中 的 矢量 和 和 矩阵 类 型 

我 们 通常 在 Unity Shader 中 使 用 CG 作为 着 色 器 编程 语言 。 在 CG 中 变量 类 型 有 很 多 种 ， 但 
在 本 节 我 们 是 想 解 释 如 何 使 用 这 些 类 型 进行 数学 运算 。 因 此 ， 我 们 只 以 float 家 族 的 变量 来 做 说 明 。 

在 CG 中 , 矩阵 类 型 是 由 float3x3、float4x4 等 关键 词 进行 声明 和 定义 的 。 而 对 于 float3、float4 
等 类 型 的 变量 ， 我 们 既 可 以 把 它 当 成 一 个 矢量 ， 也 可 以 把 它 当 成 是 一 个 1 xn 的 行 算 阵 或 者 一 个 n 
x 1 的 列 和 矩阵 。 这 取 雇 于 运算 的 种 类 和 它们 在 运算 中 的 位 置 。 例 如 ， 当 我 们 进行 点 积 操作 时 ， 两 个 
操作 数 就 被 当成 矢量 类 型 ， 如 下 : 

float4 a = float4(1.0, 2.0, 3.0, 4.0) 

float4 b = float4(1.0, 2.0, 3.0, 4.0) 

// 对 两 个 矢量 进行 点 积 操作 

float result = dotl(a, b); 


但 在 进行 矩阵 乘法 时 ， 参 数 的 位 置 将 


Ul 


决定 是 按 列 矩阵 i 


E 阵 进行 乘法 。 在 


CG ! 


乘法 是 通过 mul 函数 实现 的 。 例 如 : 


float4 v = float4(1.0，2. 


Qsz Ee QF 

float4x4 M = float4x4(1.0, 0.0, 0.0, 0.0, 

Qi O07 TasQr. 0 07. Qs0:s 

OO OO OF OO 

O507..°000 0507 L600) 
// 把 v 当成 列 矩阵 和 矩阵 M 进行 右 乘 
float4 column mul result = mul(M, v) 
// 把 v 当成 行 矩 阵 和 和 矩阵 M 进行 左 乘 
float4 row mul result = mul(v, M); 
// 注意 : column mul result 不 等 于 row mul result， 而 是 : 


// mul (M,v) 
// mul(v,M) 


== mul(v, 


tranpose (M) ) 
== mul (tranpose (M), v) 


因此 ， 参 数 的 位 置 会 直接 影响 结果 值 。 通 常 在 变换 顶点 时 ， 我 们 都 是 使 用 右 乘 的 方式 来 按 列 
矩阵 进行 乘法 。 这 是 因为 ，Unity 提供 的 内 置 矩 阵 ( 如 UNITY_MATRIX_MVP 等 ) 都 是 按 列 存储 
的 。 但 有 时 ， 我 们 也 会 使 用 左 乘 的 方式 ， 这 是 因为 可 以 省 去 对 和 矩阵 转 置 的 操作 。 
需要 注意 的 一 点 是 ，CG 对 矩阵 类 型 中 元 素 的 初始 化 和 访问 顺序 。 在 CG 中 ， 对 float4x4 等 类 
型 的 变量 是 按 行 优先 的 方式 进行 填充 的 。 什 么 意思 呢 ? 我 们 知道 ， 想 要 填充 一 个 矩阵 需要 给 定 一 
串 数字 ， 例 如 ， 如 果 需 要 声明 一 个 3x4 的 和 矩阵， 我 们 需要 提供 12 个 数字 。 那 么 ， 这 串 数 字 是 一 
行 一 行 地 填充 矩阵 还 是 一 列 一 列 地 填充 矩阵 呢 ? 这 两 种 方式 得 到 的 矩阵 是 不 同 的 。 例 如 ， 我 们 使 


用 (1, 2, 3, 4, 5, 6, 7, 8, 9) 去 填充 一 个 3X3 的 矩阵 ， 如 果 是 按照 行 优先 的 方式 ， 得 到 的 矩阵 是 : 
1 2 3 
4556 
7 8 9 
如 果 是 按照 列 优先 的 方式 ， 得 到 的 矩阵 是 : 

1 4 

2 5 8 
3 6 9 


CG 使 用 的 是 行 优先 的 方法 ， 即 是 一 行 一 行 地 填充 矩阵 的 。 因 此 ， 如 果 读 者 需要 自己 定义 
个 矩阵 时 《例如 ， 自 己 构建 用 于 空间 变换 的 矩阵 )， 就 要 注意 这 里 的 初始 化 方式 。 
类 似 地 ， 当 我 们 在 CG 中 访问 这个 和 矩阵 中 的 元 素 时 ， 也 是 按 行 来 索引 的 。 例 如 : 


// 按 行 优先 的 方式 初始 化 矩阵 M 

float3x3 M = float3x3 ( 航 .UYAOL OA 3:0， 
4.0, .0,  &70, 
71.0，8.ew 9.0)nf 
// 得 到 M 的 第 一 行 ， 即 (1.0，2.0，3.0) 
float3 row = MI[O0]; 


// 得 到 M 的 第 2 行 第 1 列 的 元 素 ， 即 4.0 
float ele = M[1] [0]; 
之 所 以 Unity Shader 中 的 矩阵 类 型 满足 上 述 规 则 ， 是 因为 使 用 的 是 CG 语言 。 换 句 话说 ， 上 
而 的 特性 都 是 CG 的 规定 。 

如 果 读 者 熟悉 Unity 的 API， 可 能 知道 Unity 在 脚本 中 提供 了 一 种 矩阵 类 型 一 一 Matrix4x4。 
却 本 中 的 这 个 矩阵 类 型 则 是 采用 列 优先 的 方式 。 这 与 Unity Shader 中 的 规定 不 一 样 ， 和 希望 读者 在 
过 到 时 不 会 感到 困惑 。 


4.9.3 Unity 中 的 屏幕 坐标 ComputeScreenPosNNPOS/WPOS 


我 们 在 4.6.8 节 中 讲 了 屏幕 空间 的 转换 细节 。 在 写 Shader 的 过 程 中 ， 我 们 有 时 候 希 望 能 够 志 
得 片 元 在 屏幕 上 的 像素 位 置 。 
在 顶点 / 片 元 着 色 器 中 ， 有 两 种 方式 来 获得 片 元 的 屏幕 坐标 。 

一 种 是 在 片 元 着 色 器 的 输入 中 声明 VPOS 或 WPOS 语义 (关于 什么 是 语义 ,可 参见 5.4 节 )。 
VPOS 是 HLSL 中 对 屏幕 坐标 的 语义 , 而 WPOS 是 CG 中 对 屏幕 坐标 的 语义 。 两 者 在 Unity Shader 
中 是 等 价 的 。 我 们 可 以 在 HLSL/CG 中 通过 语义 的 方式 来 定义 顶点 / 片 元 着 色 器 的 默认 输入 ， 而 不 
需要 自己 定义 输入 输出 的 数据 结构 。 这 里 的 内 容 有 一 些 超前 ， 因 为 我 们 还 没有 有 具体 讲解 顶点 / 片 元 
着 色 器 的 写法 ， 读 者 在 这 里 可 以 只 关注 VPOS 和 WPOS 的 语义 。 使 用 这 种 方法 ， 可 以 在 片 元 着 色 


器 中 这 样 写 : 


fixed4 frag(float4 sp : 
// 用 屏幕 坐标 除 以 屏幕 分 辨 率 ScreenParams .xy， 得 到 


return fixeq4 (sp.xy/ ScreenParams .xyr0.0,1.0 


} 


妃 
得 全 


到 的 效果 如 图 4.49 所 示 。 


VPOS) 


: SV Target { 


空间 中 的 坐标 


2 着 
际 


VPOS/WPOS 语义 定义 的 输入 是 一 个 float4 类 型 的 


变量 。 


围 就 是 


的 像素 坐标 # 


中 的 0. 


平面 处 


1 
Near” 


远近 ; 


(viewport space) 中 的 坐标 。 视 口 
就 是 (1, 1)。 如 果 已 知 屏幕 坐标 的 话 ， 我 们 只 

种 方式 是 通过 Unity 提供 的 ComputeScreenPos 函数 。 
通常 的 用 法 需要 两 个 步 又 ， 
全 然后 在 片 元 着 色 器 中 进行 一 个 齐 次 除法 运算 后 得 到 视 口 空 


右上 和 角 
力 


我 们 已 经 知道 它 的 xy 值 代表 了 在 屏幕 空 
像素 坐标 。 如 果 屏 幕 分 辨 率 为 400 x 300， 那 么 x 的 范 
y 的 范围 是 [0.5,300.5]。 
ff 不 是 整数 值 ， 这 是 因为 OpenGL 和 
DirectX 10 以 后 的 版 本 认为 像素 中 心 对 应 的 是 浮 点 值 
什么 呢 ? 在 Unity : 


[0.5,400.5]， 


5。 那 么 ， 


1 
Far 
如 果 使 用 的 是 正 交 


它 的 zw 分 量 是 
VPOS/WPOS 的 z 分 量 范围 是 [0,1]， 
，Zz 值 为 0， 在 远 裁剪 平面 处 ，z 值 为 1。 
分 量 ， 我 们 需要 考虑 摄像 机 的 投影 类 型 。 如 果 使 ) 


| ,Near 和 Far 对 应 了 在 Camera 组 件 : 


影 ， 那 么 w 分 量 的 值 恒 为 1。 
w 分 量 取 倒数 后 得 到 的 。 在 代码 的 最 后 ， 我 们 把 屏幕 空 


间 中 的 


注意 ， 这 里 


在 摄像 机 的 近 裁 剪 
对 于 w 


片 元 的 像素 位 置 得 到 的 图 像 


A 图 4.49 


的 是 透视 投影 ， 习 w 分 量 的 范围 是 
设置 的 近 裁 前 平面 和 远 裁剪 平面 距离 摄像 机 的 


这 些 值 是 通过 对 经 过 投影 矩阵 变换 后 的 
间 除 以 屏幕 分 辩 率 来 得 到 视 口 空间 


struct VertOut { 


}; 


float4 pos : 
float4 scrPos 


坐标 很 简单 ,就 是 把 屏幕 坐标 归 一 化 , 这 样 屏幕 左下 角 就 是 (0, 0)， 
需要 把 xy 值 除 以 屏幕 分 辨 率 即 可 。 
这 个 函数 在 UnityCG.cginc 里 被 定 


和 先 在 顶点 着 色 器 中 将 ComputeScreenPos 的 结果 保存 在 输出 结构 
间 下 的 坐标 。 例 如 : 


SV_POSITION; 
: TEXCOORDO; 


vertOut vert (appdata base v) { 


} 


vertOut o; 
oOo.pos = mul 


(UNITY MATRIX MVP, Vv.vertex); 
// 第 一 步 : 把 computeScreenPos 的 结果 保存 到 scrPos 中 


Oo.ScrPos = ComputeScreenPos (o.pos); 


return o; 


fixed4 frag(vertOut i) 
// 第 二 步 : 用 scrPos .xy 除 以 scrPos .w 得 到 视 口 空间 中 的 坐标 


} 


实际 上 是 手动 实现 了 屏幕 映射 的 过 程 ， 而 
3.6.8 节 中 已 经 看 到 了 如 何 将 裁剪 坐标 空 


间 中 的 


float2 wcoord = 


: SV Target { 


(i.scrPos.xy/i.scrPos.w); 


return fixed4 (wcoord,0.0,1.0); 


四 代码 的 实现 效果 和 


图 4.49 中 的 一 样 。 我 们 现在 来 看 一 下 这 种 方式 的 实现 细节 。 这 种 方法 


它 得 到 的 坐标 直接 就 是 视 口 空间 中 的 坐标 。 我 们 在 


坐标 ， 公 式 如 下 : 


NI 


间 中 的 点 映射 到 屏幕 坐标 ! 此 ， 我 们 可 以 得 到 视 口 空 
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lip, 1 
viewport. = i 
| clip, 2 

; clip, 1 
viewport, = 二 十 二 
2:clip, 2 


T 


上 面 公式 的 思想 就 是 ， 首 先 对 裁剪 空间 下 的 坐标 进行 齐 次 除法 ， 得 到 范围 在 [-1 1] 的 NDC， 
然后 再 将 其 映射 到 范围 在 [0, J] 的 视 口 空间 下 的 坐标 。 那 么 ComputeScreenPos 究竟 是 如 何 做 到 的 
呢 ? 我 们 可 以 在 UnityCG.cginc 文件 中 找到 ComputeScreenPos 函数 的 定义 。 如 下 ; 


inline float4 ComputeScreenPos (float4 pos) { 
float4 o = pos * 0.5f; 
if defined (UNITY HALF TEXEL OFFSET) 

O.Xy = float2(0o.x, O.y* ProjectionParams.x) + O.w * _ScreenParams .zw; 
else 

O.Xy = float2(0o.x, oO.y* ProjectionParams.x) + O.w; 

endif 


O.ZW = Pos.zZw; 
return o; 


} 

ComputeScreenPos 的 输入 参数 pos 是 经 过 MVP 和 矩阵 变换 后 在 裁剪 空间 中 的 顶点 坐标 。 
UNITY_HALF_TEXEL_OFFSET 是 Unity 在 某 些 DirectX 平台 上 使 用 的 宏 ， 在 这 里 我 们 可 以 忽略 
它 。 这 样 ， 我 们 可 以 只 关注 #else 的 部 分 。_ProjectionParams.x 在 默认 情况 下 是 1 (如 果 我 们 使 用 
了 一 个 翻转 的 投影 矩阵 的 话 就 是 -1， 但 这 种 情况 很 少见 )。 那 么 上 述 代码 的 过 程 实际 是 输出 了 : 


Li Li 
CR CER 


Output. = 
pul 7 
clip, Li 
Output, = Dy 人 


Output. = clip, 
Output,, = clip,, 


可 以 看 出 ， 这 里 的 xy 并 不 是 真正 的 视 口 空间 下 的 坐标 。 因 此 , 我们 在 片 元 着 色 器 中 再 进行 

步 处 理 ， 即 除 以 裁剪 坐标 的 w 分 量 。 至 此 ， 完 成 整个 映射 的 过 程 。 因 此 ， 虽 然 ComputeScreenPos 
的 函数 名 字 似 乎 意味 着 会 直接 得 到 屏幕 空间 中 的 位 置 ， 但 并 不 是 这 样 的 ， 我 们 仍 需 在 片 元 着 色 器 
中 除 以 它 的 w 分 量 来 得 到 真正 的 视 口 空间 中 的 位 置 。 那 么 ， 为 什么 Unity 不 直接 在 
ComputeScreenPos 中 为 我 们 进行 除 以 ww 分量 这 个 步骤 昵 ? 为 什么 还 需要 我 们 来 进行 这 个 除法 ? 这 
是 因为 ， 如 果 Unity 在 顶点 着 色 器 中 这 么 做 的 话 ， 就 会 破坏 插值 的 结果 。 我 们 知道 ， 从 顶点 着 色 
器 到 片 元 着 色 器 的 过 程 实际 会 有 一 个 插值 的 过 程 〈 如 果 你 忘 了 的 话 ， 可 以 回顾 2.3.6 小 节 )。 如 果 


不 在 顶点 着 色 器 中 进行 这 个 除法 ， 保 留 x、y 和 w 分 量 ， 那 么 它们 在 插值 后 再 进行 这 个 除法 ， 得 
到 的 之 和 之 就 是 正确 的 (我 们 可 以 认为 是 除法 抵消 了 插值 的 影响 )。 但 如 果 我 们 直接 在 顶点 着 色 
w w 


器 中 进行 这 个 除法 ， 那 么 就 需要 对 二 和 二 直接 进行 插值 ， 这 样 得 到 的 插值 结果 就 会 不 准确 。 原 因 
Ww 


Ww 
是 ， 我 们 不 可 以 在 投影 空间 中 进行 插值 ， 因 为 这 并 不 是 一 个 线性 空间 ， 而 插值 往往 是 线性 的 。 
经 过 除法 操作 后 , 我 们 就 可 以 得 到 该 片 元 在 视 口 空间 中 的 坐标 了 ,也 就 是 一 个 xy 范围 都 在 [0， 
1] 之 间 的 值 。 那 么 它 的 zw 值 是 什么 呢 ? 可 以 看 出 ， 我 们 在 顶点 着 色 器 中 直接 把 裁剪 空间 的 zw 值 
存 进 了 输出 结构 体 中 ， 因 此 片 元 着 色 器 输入 的 就 是 这 些 插值 后 的 裁剪 空间 中 的 zw 值 。 这 意味 着 ， 


4.11 ”练习 题 答案 

如 果 使 用 的 是 透视 投影 ， 那 么 z 值 的 范围 是 [-Near, Far]，w 值 的 范围 是 [Near, Far]; 如 果 使 用 的 是 
正 交 投影 ， 那 么 z 值 范围 是 [-1, 1]， 而 w 值 恒 为 1。 
[和 扩展 总 

十 算 机 图 形 学 使 用 的 数学 还 有 很 多 ， 本 书 仅 涵盖 了 其 中 非常 小 的 一 部 分 。 如 果 读 者 想 要 深入 
ae 书籍 中 9 是 非常 好 的 图 形 学 数学 学 习 资 料 , 读者 可 以 在 那里 找到 更 多 类 型 的 变 
换 及 其 数学 表示 。 关 于 如 何 从 左手 坐标 系 转换 到 右手 坐标 系 同 时 又 保持 视觉 效果 一 样 ， 可 以 参考 
资料 中 。 关 于 如 何 得 到 线性 的 深度 值 可 以 参考 资料 中 。 


[1] Fletcher Dunn, Ian Parberry. 3D Math Primer for Graphics and Game Development (2nd 
Edition). November 2, 2011 by A K Peters/CRC Press 。 
[2] Eric Lengyel. Mathematics for 3D game programming and computer graphics (3rd Edition). 
2011 by Charles River Media 。 
David Eberly. Conversion of Left-Handed Coordinates to Right-Handed Coordinates 。 


4 


4] http://www.humus.name/temp/Linearize%20depth.txt。 


a 


.2.5 节 


(1) 右手 坐标 系 。 


(2) (1, 0, 0)。(1, 0, 0) 。 从 色 
大 多 数 情 况 下 不 会 对 底层 的 数学 运算 造成 影响 ， 但 
然 旋转 之 前 点 的 坐标 是 一 相 


人 


人 


标 


表示 来 看 ， 结 果 是 完 


样 的 。 


是 会 在 视觉 表现 上 有 所 差异 。 


左手 坐标 系 和 右手 坐标 系 在 绝 


的 ， 但 


的 。 如 图 4.50 所 示 。 


| 


右手 坐标 系 中 的 +z 


~ 


左手 坐标 系 中 的 +z 


十 X 


旋转 90° 后 的 (1, 0, 0) 点 


以 本 题 为 例 ， 虽 


如 果 把 它们 统一 在 同一 个 空间 中 显示 出 来 ， 其 绝对 位 置 是 不 同 


左手 坐标 系 中 的 (0, 0, 1) 点 


4 图 4.50 ”图 中 两 个 坐标 系 的 x 轴 和 y 轴 是 重合 的 ， 区 别 仅 在 于 z 轴 的 方向 。 左 手 坐 标 系 的 ( 0, 0, 1 ) 点 和 右手 坐标 系 中 
的 ( 0, 0, 1 ) 点 是 不 同 的 ， 但 它们 旋转 后 的 点 却 对 应 到 了 同一 点 
因此 ， 如 果 我 们 想 要 在 左手 和 右手 坐标 系 中 表示 同一 个 点 ， 就 需要 把 其 中 一 个 坐标 系 中 的 表 
示 方 法 中 的 某 个 轴 反 向 ， 一 般 是 把 z 值 取 反 。 在 本 例 中 ， 左 手 坐 标 系 的 (0, 0, 1) 点 和 右手 坐标 系 中 
的 (0, 0, -1) 点 是 同一 点 。 但 是 ， 如 果 此 时 对 该 点 再 次 分 别 在 左手 和 右手 坐标 系 中 绕 y 轴 正 方向 旋 
转 90"， 结 果 就 不 是 同一 个 点 了 ， 如 图 4.51 所 示 。 


右手 坐标 系 中 的 (0, 9， 


在 右手 坐标 系 中 绕 +y 
旋转 90° 后 的 (-1, 0, 0 点 
在 左手 坐标 系 中 绕 +y 
右手 坐标 系 中 的 +z 旋转 90* 后 的 (1, 0, 0) 点 


4 图 4.51 绝对 空间 中 的 同一 点 ， 在 左手 和 右手 坐标 系 中 进行 同样 角度 的 旋转 ， 其 旋转 方向 是 不 一 样 的 。 在 左手 坐标 系 中 
将 按 顺 时 针 方向 旋转 ， 在 右手 坐标 系 中 将 按 逆 时 针 方向 旋转 


(3) -10。10。 这 是 因为 ， 在 Unity 中 ， 模 型 空间 使 用 的 是 左手 坐标 系 。 球 体 所 在 的 位 置 位 于 
摄像 机 模型 空间 中 的 z 轴 正 方向 , 因此 在 模型 空间 下 其 z 值 为 10。 而 观察 空间 使 用 的 右手 坐标 系 ， 
摄像 机 的 正 前 方 是 z 轴 的 负 方 向 ， 因 此 在 观察 空间 下 其 z 值 为 -10。 

4.3.3 节 

1. 

(1) 错误 ， 完 全 说 反 了 。 对 于 矢量 来 说 它 有 两 个 属性 : 模 〈 即 大 小 ) 和 方向 ， 矢 量 是 没有 位 
置 属性 的 ， 也 就 是 说 ， 我 们 可 以 随意 把 它 放 在 空间 的 任何 位 置 。 


(2) 正确 。 
(3) 错误 。 坐 标 系 的 选择 不 会 对 底层 的 数学 计算 产生 影响 ， 对 于 又 积 来 说 ， 我 们 总 可 以 使 用 


公式 
axb=(ai,ay,ad) Xx(bi,b,,b;) 
=(ayb—az by, az 一 Cr aby— ayby) 

来 计算 。 但 是 ， 不 同 的 坐标 系 会 影响 最 后 的 显示 结果 ， 即 视觉 上 的 表现 。 数 学 是 一 门 非常 严 
说 的 学 科 ， 但 人 类 往往 需要 可 视 化 一 些 东西 ， 例 如 在 屏幕 上 显示 虚拟 的 三 维 空间 ， 在 把 数字 转换 
成 视觉 表现 的 时 候 ， 选 择 不 同 的 坐标 系 可 能 会 得 到 不 同 的 结果 。 

2. 

(1) V62 ~7.874 

(2) (12.5,10,25) 

(3) (1.5,2) 


(4) 攻 > ~ (0.385,0.923) 
13 13 


1 
(5) Es 
(6) (10,9) 
(7) (-6,1,2) 
3. M308 = 17.55 
4. 
(1) 75 


| 2 (0.577,0.577,0.577) 


3 


(3) 13 


(4) (~-9,—13,7) 


(5) (9,13,-7 
5. 

(1) 12 

(2) 12V2 = 
6 


么 说 明 Q90?， 即 
(2) 代入 得 


因此 ， 点 x 垦 
(3) 我 们 现在 需要 


|x-plyl 


)， 注 意 ， 结 果 和 答案 d 是 相反 的 。 这 是 因为 ， 又 积 满足 反 交 换 律 。 


20.785 


A 


[9 


(1) 我 们 可 以 通过 判断 xp 和 v 点 积 的 符号 来 判断 x 是 否 在 NPC 的 前 方 。 这 是 因为 : 
X-Dp) 
其 中 6 是 x-p 和 v 之 间 的 夹 角 。 如 果 它 们 点 积 的 结果 大 于 0， 那 么 说 明 GK90*， 即 点 x 在 NPC 
的 前 方 ， 如 果 点 积 结果 小 于 0， 那 么 说 明 仿 90?， 即 点 x 在 NPC 的 后 方 ， 如 果 点 积 结果 等 于 0， 那 
点 x 在 NPC 的 正 左 侧 或 了 


v=|v ||x-plcosO 


E 右 侧 。 


(Xx—p):v=((10,6)—(4.2)):(—3,4)=(6,4):(-3,4)=-18+16=-2<0 


E NPC 的 后 方 。 


cos 和 cos 的 大 小 。 如 果 cosg >cos， 那么 说 明 9 < ， 即 NPC 可 


以 看 到 该 点 ， 如 果 cosg<eos5 ， 那 么 说 明 0>9 ， 即 NPC 无 法 看 到 该 点 。cosg 可 以 


2 


来 得 到 ， 而 cos9 可 直接 计算 得 到 ， 


(4) 如 果 有 距离 限制 ， 我 们 只 需要 判断 该 点 到 p 的 距离 是 否 小 于 该 限制 值 即 可 。 


7: 令 


它们 的 叉 积 关 


可 得 到 3 个 顶点 的 顺序 是 顺 时 针 方 向 ， 如 果 


A 图 4.52 在 左 寻 


人 了 眼 观察 
方向 


~ UuU=p2 Pi Vv=Pp3 -Pi1° 


QU =(uy, 


由 于 3 点 都 位 于 xy 平面 ， 那 么 有 : 


Uy,0), V =(Vo vy,0) 


UX v=(0,0,uUvy—uyvx) 


我 们 可 以 通过 判断 wvy-wuyvi 的 符号 来 判断 三 角形 的 朝向 。 如 果 该 值 为 负 ， 则 由 左手 法 则 判断 


为 正 ， 则 为 逆 时 针 方向 ， 如 图 4.52 所 示 。 


© 


人 人 


“ 标 系 中 ， 如 Er 


又 积 结果 为 负 ， 那 么 3 点 的 顺序 是 顺 时 针 方 向 
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4.4.6 小 节 
1. 


C1) 1 34-1 5 IODCD+GO D+)D | i-l 11 
2 4|0 2 | |C)CD+(O) (2)G)+(O2)| |-2 18 


(2) 无 法 进行 矩阵 乘法 ， 两 个 矩阵 相 乘 要 求 第 一 个 和 矩阵 的 列 数 等 于 第 二 个 的 行 数 ， 因 此 我 们 
无 法 对 2x3 和 4x2 的 矩阵 进行 乘法 。 
1 -2 3| -5| [GCC5+(-2)(4)+(G)(8)| [11 
5 1 4 14 |=|(5)(-5)+(D(4)+(4)(8) 11 
6 0 3 8 | (O)-5)+(0)(4) +(3)8) | |-6 
ee ed 


是 否 构成 一 组 标准 正 交 基 来 判断 。 
(2) 是 正 交 矩阵。 
(3) 是 正 交 矩阵。 这 实际 上 是 一 个 绕 z 轴 旋 转 刀 的 旋转 和 矩阵。 


让 
1 0 | Sa 

(1) [3 2 6]0 1 01=jlG)(O+C)IGD+(6O(O) 1 =[3 2 6] 
0 0 1 LO0F20)+(0)D 

1 0 0|13 (D(3)+(0)(2)+(0)(6) 3 

4 1 0|2|=| (0)(3)+(D C2)+(0)(6) 上 

0 0 16 LG)O(G)+(OGCOA+COGD) 16 


得 到 的 结果 转换 成 矢量 都 是 (3,2,6)， 是 一 样 的 。 这 是 因为 ， 该 矩阵 是 一 个 单位 矩阵 ， 单 位 入 
阵 和 任何 矩阵 相 乘 都 是 原 矩 阵 本 身 。 


iol 


(2) 
: 0 2 Cr 

[3 2 6|0 1 =| (G3)(OD)+()(D+(6)(O) |=[3 2 18] 
0 0 3 (3)(2)+(2)(-3)+(6)(3) 

1 0 2 131 Fay)+(0)2)+2)6) | N15 

4 1 -32|=|(0G)+G(C)+(C3)(6) | = 4 

0 0 3 (0)G)+(OC)+(3)(6) | |18 


得 到 的 结果 不 一 致 。 为 了 得 到 一 致 的 结果 ， 我 们 可 以 对 和 矩阵 进行 转 置 。 例 如 ,为 了 得 到 和 列 
和 矩阵 相同 的 结果 ， 在 进行 行 矩 阵 乘 法 时 ， 对 和 矩阵 进行 转 置 ， 得 


[10 2 下 1 0 0 
[3 2 6]0 1 -3| =3 2 6l0 10 


0 0 3 2 -3 3 


(3)D + 20)+(6)(2) 
=| G3)(OD+C)OD+(O(C-3)|=[15 -16 18] 
(3)(0) + (2)(0) + (6)(3) 


(3) 


2.<=1 3 (3)(2)+ 2-D+(6)(3) 
[3 2 0 =1 .5 =3[= =D t(DIeL22 =11. 21] 


3 -3 4 (3)(3)+(2)(-3)+(6)(4) 


2 -1 3 3 

-1 5 -3|2|= 

3 -3 4 6 

得 到 的 结果 转换 成 矢量 都 是 (22,-11,27)， 是 一 样 的 。 这 是 因为 ， 该 矩阵 是 一 个 对 称 和 矩阵 
阵 的 转 置 是 其 本 身 ， 因 此 行 矩 阵 和 列 和 矩阵 不 会 对 结果 产生 影响 。 


(2) (3) +(-1) (2)+(3) (6) 
(-D (3)+(5) (2)+(—3) (6) | = 
(3) (3)+(—3) (2)+(4) (6) 


到 
巨 


(symmetric matrix )。 对 称 久 
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第 2 篇 


初级 局 


在 学 习 完 基础 篇 后 ， 我 们 就 正式 开始 了 Unity 
Shader 的 学 习 之 旅 。 初 级 篇 将 会 从 最 简单 的 Shader 
开始 ， 讲 解 Shader 中 基础 的 光照 模型 、 纹 理 和 透 
明 效 果 等 初级 泻 染 效 果 。 需 要 注意 的 是 ,我 们 在 初 
级 篇 中 实现 的 Unity Shader 大 多 不 能 直接 用 于 真实 
项 目 中 ,因为 它们 缺少 了 完整 的 光照 计算 ,例如 阴 
影 、 光 照 衰减 等 ， 仅 仅 是 为 了 靖 述 一 些 实现 原理 。 
在 第 9 章 , 会 给 出 包含 了 完整 光照 计算 的 Unity 
Shader。 


第 本章 ”开始 Unity Shader 学 习 之 旅 

本 章 将 实现 一 个 简单 的 顶点 / 片 元 着 色 器 ， 并 详细 
解释 其 中 每 个 步骤 的 原理 ， 还 会 给 出 关于 Unity 
Shader 的 一 些 常 用 的 辅助 技巧 等 。 

第 6 章 Unity 中 的 基础 光照 

本 章 将 学 习 如 何在 Shader 中 实现 基本 的 光照 模型 ， 
如 漫 反射 、 高 光 反 射 等 。 

第 7 章 基础 纹理 
这 一 章 将 会 讲述 如 何在 Unity Shader 中 使 用 法 线 纹 
理 、 蓬 时 纹理 等 基础 纹理 。 
第 8 章 透明 效果 

这 一 章 首 先 介绍 了 泻 染 的 实现 原理 ， 并 给 出 了 和 
Unity 的 泻 染 顺序 相关 的 重要 内 容 。 在 了 解 了 这 些 
内 容 的 基础 上 , 我 们 将 学 习 如 何 实现 透明 度 测 试 和 
透明 度 混 合 等 透明 效果 。 


> 


Fe 


下 


欢迎 来 到 本 书 的 第 2 篇 一 一 初级 篇 。 在 基础 篇 ! 


芒 ”开始 Unity Shader 学 习 之 旅 


Shader 的 基本 概况 , 同时 还 打下 了 一 定 的 数学 基础 。 从 本 章 开始 , 我 们 


中 编写 Unity Shader。 


本 章 的 结构 如 下 : 在 5.1 节 ， 我 们 将 给 


是 为 了 让 读者 可 以 在 实践 时 不 会 出 现 因 版 本 不 同 而 造成 
地 解释 这 个 顶点 / 片 元 着 色 器 的 组 成 结构 。5.3 节 将 介绍 
j 户 的 一 些 


的 顶点 / 片 元 着 色 器 ， 并 


Unity Shader 


主 乡 


文件 ， 以 及 提供 给 


， 我 


门 学 习 了 演 染 流水 线 ， 并 给 出 了 Unity 


[a 
LDL 


编写 本 书 


将 真正 开始 学 习 如 


可 在 Unity 


时 使 用 的 软件 ， 包 括 Unity 的 版 本 等 。 这 
困扰 。 在 5.2 节 ， 我 们 将 看 到 一 个 最 简单 
Unity 内 置 的 


包含 文件 、 内 置 变量 和 函数 等 。 


5.4 节 则 向 读者 阐述 


Unity Shader ! 


使 用 的 CG 


语义 ， 这 是 很 多 初学 者 容易 


困惑 的 地 方 。 在 5.5 节 中 ， 我 们 会 介绍 如 何 


对 Unity Shader 进 


也 给 出 了 一 些 建议 。 


行 调试 。5.6 节 将 介绍 平台 差异 对 Unity Shader 的 影响 。 最 后 ，5.7 节 将 给 出 一 
些 在 编写 Unity Shader 时 很 容易 实现 的 优化 技巧 。 为 了 让 读者 养 成 良好 的 


四 本 书 使 用 的 软件 和 环境 


本 书 使 ) 
但 如 果 你 打算 使 / 
有 些 荣 单 或 变量 在 你 安装 的 Unity 
况 
现 
节 )。 还 有 一 些 问 题 是 Unity 


UnityObjectToWorldNormal 内 置 函数 把 法 线 从 模型 空间 变换 到 世界 空间 中 ， 


被 引入 的 ， 因 此 如 果 读 者 使 ) 


SI 


中 找 不 至 


下 ， 本 书 的 代码 和 指令 仍然 可 以 工作 良好 ， 但 在 一 些 特殊 情况 下 ，Unity 可 能 会 


节 ， 造 成 同样 的 代码 得 到 不 一 样 的 效果 《〈 例 如， 在 非 统一 缩放 时 对 法 线 进 


4 


提供 的 内 置 变量 、 


大 


的 是 Unity 5 之 前 的 版 本 就 会 报错 。 
的 宏和 变量 等 。 和 Unity 4.x 版 本 相 比 ，Unity 5.x 最 大 的 变化 之 一 就 是 很 多 以 前 只 


持 的 功能 ， 在 免费 版 也 同样 提供 了 。 


中 的 某 些 示 例 无 法 实现 。 
本 书 工程 


大 


编写 的 系统 环境 是 Mac OS X 10.9.$。 如 果 读 对 


图 


不 会 有 任何 问题 但 有 时 会 由 于 


像 允 


和 程 接 


此 ， 如 果 读 


和 函数 ， 例 如 我 们 


旦 习惯 ,我们 在 这 节 


j 的 Unity 版 本 是 Unity 5.2.1 免费 版 。 使 用 更 高 版 本 的 Unity 通常 不 会 有 什么 影响 。 
j 更 低 版 本 的 Unity， 那 么 在 学 习 本 书 时 可 能 就 会 遇 到 一 些 问 题 。 例 如 ， 你 发 现 
1， 可 能 就 是 因为 Unity 版 本 不 同 造成 的 。 绝 大 多 数 情 


更 改 底层 的 实 
行 变换 ， 详 见 19.3 
让 书 中 经 常会 使 用 


使 


使 


口 的 种 类 和 


用 的 图 像 编程 接口 是 基 了 


此 


OpenGL 的 ， 而 其 


上 和 角 。 在 5.6 节 ， 我 们 将 总 结 


于 平台 


j 造 成 的 差异 问题 。 


有 一 个 最 简单 的 顶点 / 片 元 着 色 器 


现在 ， 我 们 1 


FE 式 开始 学 习 如 何 编 


与 Unity 9 


但 
类 似 的 ! 


的 是 Unity 4.x 免费 版 ， 


的 是 其 他 系统 ， 
版 本 不 同 而 有 一 些 差别 ， 这 
也 平台 如 Windows， 可 能 使 用 的 是 DirectX。 例 丸 
OpenGL 中 ， 演 染 纹 理 (Render Texture) 的 (0, 0) 点 是 在 左下 角 ， 而 在 DirectX : 


这 个 函数 是 在 Unity 
青 况 还 有 和 阴影 相关 
有 在 专业 版 才 支 
[能 会 发 现 本 书 


HES 


加 


绝 大 部 分 情况 也 
是 因为 Mac 使 

9， 在 
，(0, 0) 点 是 在 左 


A 


hader， 更 准确 地 说 是 ， 


二 


习 如 何 编 


写 顶 点 / 片 元 着 色 器 。 


5.2 ”一 个 最 简单 的 顶点 / 片 元 着 色 器 


5.2.1 顶点 / 片 元 着 色 器 的 基本 结构 


我 们 在 3.3 节 已 经 看 到 了 Unity Shader 的 基本 结构 。 它 包含 了 Shader、Properties、 SubShader、 
Fallback 等 语义 块 。 顶 点 / 片 元 着 色 器 的 结构 与 之 大 体 类 似 ， 它 的 结构 如 下 : 


Shader "MyShaderName™" { 
Properties { 


// 属性 


} 
SubShader { 
// 针对 显卡 入 的 SubsShader 
Pass 


{ 
// 设置 泻 染 状 态 和 标签 


// 开始 cG 代码 片段 
CGPROGRAM 

// 该 代码 片段 的 编译 指令 ， 例 如 : 
#pragma vertex vert 
#pragma fragment frag 


// CG 代码 写 在 这 里 


ENDCG 
// 其 他 设置 
} 
// 其 他 需要 的 Pass 


} 
SubShader 
// 针对 显卡 B 的 SubsShader 


} 


// 上 述 Subshader 都 失败 后 用 于 回调 的 Unity Shader 
Fallback "VertexLit" 


} 


其 中 ,最 重要 的 部 分 是 Pass 语义 块 ， 我 们 绝 大 部 分 的 代码 都 是 写 在 这 个 语义 块 里 面 的 。 下 厂 
我 们 就 来 创建 一 个 最 简单 的 顶点 / 片 元 着 色 器 。 
(1) 新 建 一 个 场景 ， 把 它 命名 为 Scene_5_2。 在 Unity 5 中 可 以 得 到 图 5.1 中 的 效果 。 


EHierarchy 
Create 7 | (OrAI 


Directional Light 


4 图 5.1 在 Unity 5 中 新 建 一 个 场景 得 到 的 效果 


可 以 看 到 ， 场 景 中 已 经 包含 了 一 个 摄像 机 、 一 个 平行 光 。 而 且 ， 场 景 的 背景 不 是 纯色 ， 而 是 

一 个 天 空 盒子 (Skybox)。 这 是 因为 在 Unity 5.x 版 本 中 ， 默 认 的 天 空 盒子 不 为 空 ， 而 是 Unity 内 

置 的 一 个 天 空 盒 子 。 为 了 得 到 更 加 原始 的 效果 ， 我 们 选择 去 掉 这 个 天 空 盒 子 。 做 法 是 ， 在 Unity 

的 菜单 中 ， 选 择 Window -> Lighting -> SKybox， 把 该 项 置 为 空 。 注 意 ， 在 Unity 4.x 版 本 中 ， 设 置 
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天 空 盒子 的 位 置 与 这 里 并 不 一 样 。 
(2) 新 建 一 个 Unity Shader， 把 它 命名 为 Chapter5-SimpleShader。 
(3) 新 建 一 个 材质 ， 把 它 命名 为 SimpleShaderMat。 把 第 2 步 中 新 建 的 Unity Shader 赋 给 它 
(4) 新 建 一 个 球体 ， 拖 忠 它 的 位 置 以 便 在 Game 视图 中 可 以 合适 地 显示 出 来 。 把 第 3 步 中 新 
建 的 材质 拖 电 给 它 。 
(5) 双击 打开 第 2 步 中 创建 的 Unity Shader。 删 除 里 面 的 所 有 代码 ， 把 下 面 的 代码 粘贴 进去 ; 


Shader "Unity Shaders Book/Chapter 5/Simple Shaqder" { 
SubShader { 
Pass { 
CGPROGRAM 


pragma vertex vert 
pragma fragment frag 


float4 vert (float4 v : POSITION) : SV_ POSITION { 
return mul (UNITY MATRIX MVP, VvV); 


fixed4 frag() : SV_ Target { 
PeetuUrn fixedd tl. 0 LQ 1 .0 T1073 


ENDCG 


} 


保存 并 返回 Unity 查看 结果 。 
最 后 ， 我 们 得 到 的 结果 如 图 5.2 所 示 。 


imize on Play | Mute audio | Stats | Cizmos | 


4 图 5.2 个 最 简单 的 顶点 / 片 元 着 色 器 得 到 一 个 白色 的 球 


这 是 我 们 遇见 的 第 一 个 真正 意义 上 的 顶点 / 片 元 着 色 器 ， 我 们 有 必要 来 详细 地 解释 一 下 它 。 

首先 ， 代 码 的 第 一 行 通过 Shader 语义 定义 了 这 个 Unity Shader 的 名 字 一 一 “Unity Shaders 

Book/Chapter 5/Simple Shader”。 保持 良好 的 命名 习惯 有 助 于 我 们 在 为 材质 球 选 择 Shader 时 快速 找 

到 自 定 义 的 Unity Shader。 需 要 注意 的 是 ， 在 上 面 的 代码 里 我 们 并 没有 用 到 Properties 语义 块 。 

Properties 语义 并 不 是 必需 的 ， 我 们 可 以 选择 不 声明 任何 材质 属性 。 
然后 ， 我 们 声明 了 SubShader 和 Pass 语义 块 。 在 本 例 中 ， 我 们 不 需要 进行 任何 演 染 设置 和 标 

签 设置 ， 因 此 SubShader 将 使 用 默认 的 泻 染 设置 和 标签 设置 。 在 SubShader 语义 块 中 ， 我 们 定义 

了 一 个 Pass， 在 这 个 Pass 中 我 们 同样 没有 进行 任何 自 定 义 的 泻 染 设置 和 标签 设置 。 

接着 ,就 是 由 CGPROGRAM 和 ENDCG 所 包围 的 CG 代码 片段 。 这 是 我 们 的 重点 。 首 先 ， 我 
们 遇 到 了 两 行 非常 重要 的 编译 指令 
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5.2 ”一 个 最 简单 的 顶点 / 片 元 着 色 器 


#pragma vertex vert 
#pragma fragment frag 


它们 将 告诉 Unity， 哪 个 函数 包含 了 顶点 着 色 器 的 代码 ， 哪 个 函数 包含 了 片 元 着 色 器 的 代码 。 
更 通用 的 编译 指令 表示 如 下 : 


| #pragma vertex name 


#pragma fragment name 


上 


其 中 name 就 是 我 们 指定 的 函数 名 ， 这 两 个 函数 的 名 字 不 一 定 是 vert 和 frag， 它 们 可 以 是 任 
意 自 定义 的 合法 函数 名 ， 但 我 们 一 般 使 用 vert 和 frag 来 定义 这 两 个 函数 ， 因 为 它们 很 直观 。 
接 下 来 ， 我 们 具体 看 一 下 vert 函数 的 定义 : 


| float4 Vert (float4 v : POSITION) : SV_ POSITION { 


return mul (UNITY MATRIX MVP, v); 
} 


这 就 是 本 例 使 用 的 顶点 着 色 器 代码 ， 它 是 逐 顶 点 执行 的 。vert 函数 的 输入 v 包含 了 这 个 顶点 
的 位 置 ， 这 是 通过 POSITION 语义 指定 的 。 它 的 返回 值 是 一 个 float4 类 型 的 变量 ， 它 是 该 顶点 在 
裁剪 空间 中 的 位 置 ，POS1T7TON 和 SV_POSITION 都 是 CG/HLSL 中 的 语义 〈semantics)， 它 们 是 
不 可 省 略 的 ， 这 些 语义 将 告诉 系统 用 户 需要 哪些 输入 值 ， 以 及 用 户 的 输出 是 什么 。 例 如 这 里 ， 
POSITION 将 告诉 Unity， 把 模型 的 顶点 坐标 填充 到 输入 参数 v 中 ，SV_POSITION 将 告诉 Unity， 
顶点 着 色 器 的 输出 是 裁剪 空间 中 的 顶点 坐标 。 如 果 没 有 这 些 语 义 来 限定 输入 和 输出 参数 的 话 ， 泻 
染 器 就 完全 不 知道 用 户 的 输入 输出 是 什么 ， 因 此 就 会 得 到 错误 的 效果 。 在 5.4 节 中 ， 我 们 将 总 结 
这 些 语义 。 在 本 例 中 ， 顶 点 着 色 器 只 包含 了 一 行 代码 ， 这 行 代码 读者 应 该 已 经 很 熟悉 了 “〔〈 起 码 对 
这 个 数学 操作 应 该 很 熟悉 了 )， 这 一 步 就 是 把 顶点 坐标 从 模型 空间 转换 到 裁剪 空间 中 。UNITY_ 
MAITRIX_MVP 和 矩阵 是 Unity 内 置 的 模型 .观察 .投影 矩阵 ， 我 们 在 4.8 节 已 经 见 过 它 了 。 

然后 ， 我 们 再 来 看 一 下 frag 函数 : 


fixed4 frag() : SV_Target { 
return fixed4(1.0, 1.0, 1.0, 1.0); 


} 


在 本 例 中 ，frag 函数 没有 任何 输入 。 它 的 输出 是 一 个 fixed4 类 型 的 变量 ,并 日 使 用 了 SV_Target 
语义 进行 限定 。SV_Target 也 是 HLSL 中 的 一 个 系统 语义 ， 它 等 同 于 告诉 泻 染 器 ， 把 用 户 的 输出 颜 
色 存 储 到 一 个 演 染 目标 (render target) 中 ， 这 里 将 输出 到 默认 的 帧 缓存 中 。 片 元 着 色 器 中 的 代码 
很 简单 ， 返 回 了 一 个 表示 白色 的 fixed4 类 型 的 变量 。 片 元 着 色 器 输出 的 颜色 的 每 个 分 量 范围 在 [0， 
1]， 其 中 (0, 0, 0) 表 示 黑 色 ， 而 (1, 1, 1) 表 示 白 色 。 

至 此 ， 我 们 已 经 对 第 一 个 顶点 / 片 元 着 色 器 进行 了 详细 的 解释 。 但 是 ， 现 在 得 到 的 效果 实在 是 
太 简 单 了 ， 如 何 丰富 它 呢 ?下 面 我 们 将 一 步 步 为 它 添加 更 多 的 内 容 ， 以 得 到 一 个 更 加 具有 实践 意 
义 的 顶点 / 片 元 着 色 器 。 


5.2.2 ”模型 数据 从 哪里 来 


在 上 面 的 例子 中 ， 在 顶点 着 色 器 中 我 们 使 用 POSITION 语义 得 到 了 模型 的 顶点 位 置 。 那 么 ， 
如 果 我 们 想 要 得 到 更 多 模型 数据 怎么 办 呢 ? 
现在 ， 我 们 想 要 得 到 模型 上 每 个 顶点 的 纹理 坐标 和 法 线 方向 。 这 个 需求 是 很 常见 的 ， 我 们 需 
要 使 用 纹理 坐标 来 访问 纹理 ， 而 法 线 可 用 于 计算 光照 。 因 此 ， 我 们 需要 为 顶点 着 色 器 定义 一 个 新 
的 输入 参数 ， 这 个 参数 不 再 是 一 个 简单 的 数据 类 型 ， 而 是 一 个 结构 体 。 修 改 后 的 代码 如 下 : 


Shader "Unity Shaders Book/Chapter 5/Simple Shader™ { 
SubShader { 


出 
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Pass { 
CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


// 使 用 一 个 结构 体 来 定义 项 点 着 色 器 的 输入 
struct a2v { 
/ POSITION 语义 告诉 Unity， 用 模型 空间 的 顶点 坐标 填充 vertex 变量 
loat4 vertex : POSITION; 

/ ”NORMAL 语义 告诉 Unity， 型 空间 的 法 线 方向 填充 normal 变量 
loat3 normal : NORMAL; 
/ TEXCOORD0 语义 告诉 Unity， 用 模型 的 第 一 套 纹 理 坐 标 填充 texcoord 变量 
loat4 texcoord : TEXCOORDO; 


其 


eS 


过 


float4 vert(a2v v) : SV POSITION { 
// 使 用 v.vertex 来 访问 模型 空间 的 顶点 坐标 
return mul (UNITY MATRIX MVP, Vv.vertex); 


} 
fixed4 frag() : SV _ Target { 

return fixed4(1.0, 1.0, 1.0, 1.0); 
} 


ENDCG 


} 


在 上 面 的 代码 中 ， 我 们 声明 了 了 二 个 新 的 结构 体 a2v， 它 包含 了 顶点 着 色 器 需要 的 模型 数据 。 
在 a2v 的 定义 中 ， 我 们 用 到 了 更 多 Unity 支持 的 语义 ， 如 NORMAL 和 TEXCOORD0， 当 它们 作为 
顶点 着 色 器 的 输入 时 都 是 有 特定 含义 的 ,2 因为 Unity 会 根据 这 些 语 义 来 填充 这 个 结构 体 。 对 于 顶 
点 着 色 器 的 输出 ，Unity 支持 的 语义 有 : POSITION, TANGENT，, NORMAL, TEXCOORD0， 
TEXCOORDI1， TEXCOORD2, ~、TEXCOORD3，COLOR 等 。 

为 了 创建 一 个 自 定 义 的 结构 体 ， 我 们 必须 使 用 如 下 格式 来 定义 它 : 


struct StructName { 
Type Name : Semantic; 
Type Name : Semantic; 


其 中 ， 语 义 是 不 可 以 被 省 略 的 。 在 5.4 节 中 ， 我 们 将 给 出 这 些 语义 的 含义 和 用 法 。 

然后 ， 我 们 修改 了 vert 函数 的 输入 参数 类 型 ， 把 它 设置 为 我 们 新 定义 的 结构 体 a2f。 通 过 这 
! 自 定义 结构 体 的 方式 ， 我 们 就 可 以 在 顶点 着 色 器 中 访问 模型 数据 。 

读者 : a2v 的 名 字 是 什么 意思 呢 ? 

我 们 : a 表示 应 用 (application)，v 表示 顶点 着 色 器 (vertex shader)，a2v 的 意思 就 是 把 数据 
从 应 用 阶段 传递 到 顶点 着 色 器 中 。 
那么 , 填充 到 POSITION, TANGENT, NORMAL 这 些 语义 中 的 数据 究竟 是 从 哪里 来 的 呢 ?” 在 Unity 
中 ， 它 们 是 由 使 用 该 材质 的 Mesh Render 组 件 提供 的 。 在 每 帧 调用 Draw Call 的 时 候 ，Mesh Render 组 
件 会 把 它 负责 泻 染 的 模型 数据 发 送 给 Unity Shader。 我 们 知道 ， 一 个 模型 通常 包含 了 一 组 三 角 面 片 ， 
每 个 三 角 面 片 由 3 个 顶点 构成 ， 而 每 个 顶点 又 包含 了 一 些 数据 ， 例 如 顶点 位 置 、 法 线 、 切 线 、 纹 理 坐 
标 、 顶 点 颜色 等 。 通 过 上 面 的 方法 ， 我 们 就 可 以 在 顶点 着 色 器 中 访问 顶点 的 这 些 模型 数据 。 


5.2.3 ”顶点 着 色 器 和 片 元 着 色 器 之 间 如 何 通信 
在 实践 中 ， 我 们 往往 希望 从 顶点 着 色 器 输出 一 些 数据 ， 例 如 把 模型 的 法 线 、 纹 理 坐标 等 传递 
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一 个 最 简单 的 顶点 / 片 元 着 色 器 


给 片 元 着 色 器 。 这 就 涉及 顶点 着 色 器 和 片 元 着 色 器 之 间 的 通信 。 
为 此 ， 我 们 需要 再 定义 一 个 新 的 结构 体 。 修 改 后 的 代码 如 下 : 


Shader "Unity Shaders Book/Chapter 5/Simple Shader™ { 


SubShader { 
Pass { 
CGPROGRAM 


#pragma vertex vert 


#pragma fragment frag 


struct a2 4 
float4 vertex : 
float3 normal 


}; 


POSITION; 


: NORMAL; 
float4 texcoord : 


TEXCOORDO; 


// 使 
struct v2f { 


float4 pos : SV 


一 个 结构 体 来 定义 项 点 


色 器 的 输出 


// SV_POSITION 语义 告诉 Unity，pos 里 包含 了 顶点 在 裁剪 空间 中 的 位 


信息 


POSITION 


// COLOR0 语义 可 以 用 于 存储 颜色 信息 


fixed3 color : C 


}; 


V2f vert(a2v v) 
// 声明 输出 结构 
V2 OO 
Oo.pos = 


mul (UNIT 


// v.normal 包含 了 顶点 的 法 线 方向 ， 其 分 


OLORO; 


: SV POSITION { 


Y MATRIX MVP, Vv.vertex); 
明 沁 国 仕 


// 下 面 


的 代码 把 分 量 范围 


映射 到 了 [0.0，1.0] 


// 存储 到 o.color 中 传递 给 片 元 着 色 器 


O.Color = 
return o; 


VvV.norm 
} 


fixed4 frag (v2f i) 


Al O05 fed3. (0 .95 70. 53 


: SV Target { 


// 将 插值 后 的 i .color 显示 到 屏幕 上 


return fixed4 (i. 


ENDCG 


} 


传递 信息 。 同 样 的 ，v2f 中 也 需要 指 


在 上 面 的 代码 中 ， 我 们 声明 了 一 个 新 的 结构 体 v2f。v2f 


COlLOry 下 0 学 


330 


定 每 个 变量 的 语义 。 在 本 例 ! 


， 我 们 使 


于 在 顶点 着 色 器 和 片 元 着 色 器 之 间 
了 SV_POSITION 和 


COLOR0 语义 。 顶 点 着 色 器 的 输出 结构 中 ,必须 包含 一 个 变量 , 它 的 语义 是 SV_POSITION。 否则 ， 


演 染 器 将 无 法 得 到 裁剪 空间 


据 则 可 以 由 用 户 自 行 定 义 ， 但 


颜色 。 类 似 的 语义 还 有 COLORI 
至 此 ， 我 


等 ， 


进行 插值 后 得 到 的 结 


5.2.4 ”如 何 使 用 属性 


方便 地 调节 Unity Shader 中 参数 的 方式 ， 


参数 就 需要 写 在 Properties 语义 块 中 


j 的 ， 而 片 元 着 色 器 是 逐 片 元 调 月 


体 可 以 详 见 5.4 节 。 


o 


在 3.1.1 节 中 ,我们 就 提 到 了 材质 和 Unity Shader 之 间 的 紧密 联系 。 材质 提供 给 我 1 
通过 这 些 参数 ， 我 们 可 以 随时 调整 材质 的 效 ? 


的 顶点 坐标 ， 也 就 无 法 把 顶点 泻 染 到 屏幕 上 。COLOR0 语义 中 的 数 
役 都 是 存储 颜色 ， 例 如 逐 顶 点 的 漫 反 射 颜色 或 逐 顶 点 的 高 光 反 射 


门 就 完成 了 顶点 着 色 器 和 片 元 着 色 器 之 间 的 通信 。 需 要 注意 的 是 ， 顶 点 着 色 器 是 逐 
目的 。 片 元 着 色 器 中 的 输入 实际 上 是 把 顶点 着 色 器 的 输出 


门 一 个 可 以 


。 而 这 些 
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现在 ， 我 们 有 了 新 的 需求 。 我 们 想 要 在 材质 面板 显示 一 个 颜色 拾取 器 ， 从 而 可 以 直接 控制 模 
型 在 屏幕 上 显示 的 颜色 。 为 此 ， 我 们 继续 修改 上 面 的 代码 。 
Shader "Unity Shaders Book/Chapter 5/Simple Shaqder" { 
Properties { 
// 声明 一 个 Color 类 型 的 属性 
COOK ("COTOr .Tin .COLor) Se" (le0FLaQr1a0r10) 


} 
SubShader { 
Pass { 
CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


// 在 CG 代码 中 ， 我 们 需要 定义 一 个 与 属性 名 称 和 类 型 都 匹配 的 变量 


fixed4 Color; 


struct a2v 
float4 vertex : POSITION; 
float3 normal : NORMAL; 
float4 texcoord : TEXCOORDO; 
} 


struct v2f { 
float4 pos : SV POSITION” 
fixed3 color : COLORO; 


}; 


V2f Vert (a2V Vv) “SVRQSITION { 
V2f OF 
人 EC mul (UNITY MATRIX MVP, V.Vertex) 
O.color 3 vV.nozrR4yA mo .iD + fixed3(0.5, 0.5, 0.5); 
return o8 


} 


fixed4 frag(v2f™i) : SV Target { 
fixed3 c = i.color; 
// 使 用 _color 属性 来 控制 输出 颜色 
C *= Color.rgb; 
return fixed4(c, 1.0); 


ENDCG 


在 上 面 的 代码 中 ,我 们 首先 添加 了 Properties 语义 块 中 ， 并 在 其 中 声明 了 一 个 属性 _Color, 它 
的 类 型 是 Color， 初 始 值 是 (1.0,1.0,1.0,1.0)， 对 应 白色 。 为 了 在 CG 代码 中 可 以 访问 它 ， 我 们 还 需 
要 在 CG 代码 片段 中 提前 定义 一 个 新 的 变量 ， 这 个 变量 的 名 称 和 类 型 必须 与 Properties 语义 块 ! 


的 属性 定义 相 匹 配 。 
ShaderLab 中 属性 的 类 型 和 CG 中 变量 的 类 型 之 间 的 匹配 关系 如 表 5.1 所 示 。 
表 5.1 ShaderLab 属性 类 型 和 CG 变量 类 型 的 匹配 关系 
ShaderLab 属性 类 型 CG 变量 类 型 

Color, Vector float4, half4, fixed4 

Range, Float float, half, fixed 

2D sampler2D 

Cube samplerCube 

3D sampler3D 
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uniform fixed4 Color; 


有 时 ， 读 者 可 能 会 发 现在 CG 变量 前 会 有 一 个 uniform 关键 字 ， 例 如 : 


uniform 关键 词 是 CG 中 修饰 变量 和 参数 的 一 种 修饰 词 , 它 仅 仅 用 于 提供 一 些 关 于 该 变量 的 初 
始 值 是 如 何 指定 和 存储 的 相关 信息 《〈 这 和 其 他 一 些 图 像 编程 接口 中 的 uniform 关键 词 的 作用 不 太 
一 样 )。 在 Unity Shader 中 ，uniform 关键 词 是 可 以 省 略 的 。 
有 强大 的 援手 : Unity 提供 的 内 置 文件 和 变量 
上 一 节 讲述 了 如 何在 Unity 中 编写 一 个 基本 的 顶点 / 片 元 着 色 器 的 过 程 。 顶点 / 片 元 着 色 的 复杂 
之 处 在 于 ， 很 多 事情 都 需要 我 们 “ 杀 力 杂 为 ” 例如 我 们 需要 自己 转换 法 线 方向 ， 自 己 处 理光 照 、 
阴影 等 。 为 了 方便 开发 者 的 编码 过 程 ，Unity 提供 了 很 多 内 置 文件 ， 这 些 文件 包含 了 很 多 提前 定 


义 的 函数 、 变 量 和 宏 等 。 如 果 读 者 在 学 习 他 人 编写 的 Unity Shader 代码 时 ， 遇 到 了 一 些 从 未 见 过 


的 变量 、 函 数 ， 而 又 无 法 找到 对 应 的 声明 和 定义 ， 那 么 很 有 可 能 就 是 这 些 代码 使 用 
文件 提供 的 函数 和 变量 。 


5.3.1 


包含 文件 (include file)， 是 类 似 于 C++ 中 头 文件 的 一 种 文件 。 在 Unity 中 ， 它 们 的 文件 后 
是 .cginc。 在 编写 Shader 时 ,我 们 可 以 使 用 ##include 指令 和 
用 的 变量 和 帮助 函数 。 例 如 : 


| 
人 门 


archive ) 上 选择 K 乾 -> 办 居 疹 色 话 来 直接 下 载 这 些 文件 , 图 5.3 显示 了 


包 


Unity Shader， 例 如 一 些 GUI 元 素 使 用 的 Shader; DefaultResourcesExtra 贝 
的 Unity Shader; Editor 文件 夹 目 
Shader《〈 详 见 第 18 章 ) 所 | 


oa 


本 庙 将 给 出 这 些 文件 和 变量 的 概览 。 


内 置 的 包含 文件 


Unity 为 我 们 提供 的 一 些 非 常 


CGPROGRAM 
Ls 
#include "UnityCG.cgincn 


巴 这 些 文人 


了 Unity 内 置 


又 
组 


[包含 进来 ， 这 样 我 们 就 可 以 使 


那么 ， 这 些 文件 在 哪里 昵 ? 我 们 可 以 在 官方 网 站 (http://unity3d.com/cn/get-unity/download/ 


1 官网 压缩 包 


builtin_shaders-4.5.0 


上 


1 AutoLight.cginc 


得 到 的 文件 。 


面 
Nl builtin_shaders-4.6.5 [WN DefaultResources HLSLSupport.cginc 
国 builtin_shaders-5.0.1f1 (WW DefaultResourcesExtra ] Lighting.cginc 
a builtin_shaders-5.1.0f3 ' 国 Editor ] SpeedTree...mon.cginc 
回 builtin_shaders-5.2.1f1 " SpeedTree...mon.cginc 

4 图 5.3 Unity 的 内 置 着 色 器 
从 图 5.3 中 可 以 看 出 ， 从 官网 下 载 的 文件 中 包含 了 多 个 文件 来。 其 ! 
含 了 所 有 的 内 置 包 含 文件 DefaultResources 文件 夹 中 包含 了 一 些 


只 包含 了 一 个 脚本 文件 , 它 用 


前 


注 


的 材质 面板 。 这 些 文件 


路 径 /Data/CGIncludes 。 


直接 找到 CGIncludes 文件 来。 在 Mac 上 ， 它 们 的 位 置 
Unity 的 安装 


，CGIncludes 文件 夹 
内 置 组 件 或 功能 所 需要 的 
| 包含 了 所 有 Unity 中 内 
于 定义 Unity 5 引入 的 Standard 
都 是 非常 好 的 参考 资料 ， 在 我 们 想 要 学 习 内 置 
着 色 器 的 实现 或 是 寻找 内 置 函 数 的 实现 时 ， 都 可 以 在 这 里 找到 内 部 实现 。 但 在 本 节 中 ， 我 们 只 关 
CGIncludes 文件 夹 下 的 相关 文件 。 

我 们 也 可 以 从 Unity 的 应 用 程序 ! 
/Applications/Unity/Unity.app/Contents/CGIncludes; 在 Windows 上 ， 它 们 的 位 置 是 : 


日 


中 


AE: 
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表 5.2 给 出 了 CGIncludes 中 主要 的 包含 文件 以 及 它们 的 主要 用 处 。 


表 5.2 Unity 中 一 些 常用 的 包含 文件 
文 件 名 描 述 
UnityCGcginc 包含 了 最 常 使 用 的 帮助 函数 、 宏 和 结构 体 等 


等 
在 编译 Unity Shader 时 ， 会 被 自动 包含 进来 。 包 含 了 许多 内 置 的 全 局 变量 ， 如 


UnityShaderVariables.cginc UNITY _ MATRIX_MVP 等 


Lighting.cginc 包含 了 各 种 内 置 的 光照 模型 ， 如 果 编 写 的 是 Surface Shader 的 话 ， 会 自动 包含 进来 
HLSLSupport.cginc 在 编译 Unity Shader 时 ， 会 被 自动 包含 进来 。 声 明了 很 于 跨 平台 编译 的 宏和 定义 


可 以 看 出 ， 有 一 些 文件 是 即便 我 们 没有 使 用 #include 指令 ， 它 们 也 是 会 被 自动 包含 进来 的 ， 
例如 UnityShaderVariables.cginc。 因 此 ， 在 前 面 的 例子 中 ， 我 们 可 以 直接 使 用 UNITY_MATRIX_ 
MVP 变量 来 进行 顶点 变换 。 除 了 表 5.2 中 列 出 的 包含 文件 外 ,Unity 5 引入 了 许多 新 的 重要 的 包含 
文件 ， 如 UnityStandardBRDFcginc、UnityStandardCore.cginc 等 ， 这 些 包含 文件 用 于 实现 基于 物理 
的 泻 染 ， 我 们 会 在 第 18 章 中 再 次 遇 到 它们 。 
UnityCG.cginc 是 我 们 最 常 接触 的 一 个 包含 文件 。 在 后 面 的 学 习 中 ， 我 们 将 使 用 很 多 该 文件 提 
供 的 结构 体 和 函数 ， 为 我 们 的 编写 提供 方便 。 例 如 ， 我 们 可 以 直接 使 用 UnityCG.cginc 中 预定 义 的 


于 
过 


结构 体 作为 顶点 着 色 器 的 输入 和 输出 。 表 5.3 给 出 了 一 些 结构 体 的 名 称 和 包含 的 变量 。 
表 5.3 UnityCG.cginc 中 一 些 常用 的 结构 体 
名 称 描述 包含 的 变量 
appdata_base 可 用 于 顶点 着 色 器 的 输入 顶点 位 置 、 顶 点 法 线 、 第 一 组 纹理 坐标 
appdata_tan 可 用 于 顶点 着 色 器 的 输入 顶点 位 置 、 顶 点 切线 、 顶 点 法 线 、 第 一 组 纹理 坐标 
appdata_full 可 用 于 顶点 着 色 器 的 输入 顶点 位 置 、 顶 点 切线 、 顶 点 法 线 、 四 组 (或 更 多 ) 纹理 坐标 
appdata_img 可 用 于 顶点 着 色 器 的 输入 顶点 位 置 、 第 一 组 纹理 坐标 
v2f_img 可 用 于 顶点 着 色 器 的 输出 裁剪 空间 中 的 位 置 、 纹 理 坐 标 
虽 烈 建议 读者 找到 UnityCG.cginc 文件 并 查看 上 述 结构 体 的 声明 , 这 样 的 过 程 可 以 帮助 我 们 快 
速 理解 Unity 中 一 些 内 置 变量 的 工作 原理 。 


除了 结构 体外 ，UnityCG.cginc 也 提供 了 一 些 常 用 的 帮助 函数 。 表 5.4 给 出 了 一 些 函 数 名 和 它 
们 的 描述 。 


表 5.4 UnityCG.cginc 中 一 些 常用 的 帮助 函数 
函数 名 描 述 

float3 WorldSpaceViewDir (float4 v) 输入 一 个 模型 空间 中 的 顶点 位 置 ,返回 世界 空间 中 从 该 点 到 摄像 机 的 
观察 方向 

float3 ObjSpaceViewDir (float4 v) 输入 一 个 模型 空间 中 的 顶点 位 置 , 返回 模型 空间 中 从 该 点 到 摄像 机 的 
观察 方向 

float3 WorldSpaceLightDir (float4 v) 仅 可 用 于 前 向 泻 染 中 。 输入 一 个 模型 空间 中 的 顶点 位 置 , 返回 世界 空 
间 中 从 该 点 到 光源 的 光照 方向 。 没 有 被 归 一 化 

float3 ObjSpaceLightDir (float4 v) 仅 可 用 于 前 向 泻 染 中 。 输入 一 个 模型 空间 中 的 顶点 位 置 , 返回 模型 空 
间 中 从 该 点 到 光源 的 光照 方向 。 没 有 被 归 一 化 

float3 UnityObjectToWorldNormal (float3 norm) 把 法 线 方向 从 模型 空间 转换 到 世界 空间 中 

float3 UnityObjectToWorldDir (in float3 dir) 把 方向 矢量 从 模型 空间 变换 到 世界 空间 中 

float3 UnityWorldToObjectDir(float3 dir) 把 方向 矢量 从 世界 空间 变换 到 模型 空间 中 
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我 们 建议 读者 在 UnityCG.cginc 文件 


找到 这 些 函 数 的 定义 , 并 尝试 理解 它们 。 一 些 函 数 我 们 完 


全 可 以 自己 实现 , 例如 UnityObjectToWorldDir 和 UnityWorldToObjectDir， 这 两 个 函数 实际 上 就 是 
对 方向 矢量 进行 了 一 次 坐标 空间 变换 。 而 UnityCG.cginc 文件 可 以 帮助 我 们 提高 代码 的 复 用 率 。 
UnityCG.cginc 还 包含 了 很 多 宏 ， 在 后 面 的 学 习 中 ， 我 们 就 会 遇 到 它们 。 


5.3.2 ”内 置 的 变量 


我 们 在 4.8 节 给 出 了 一 些 用 于 坐标 变换 和 摄像 机 参数 的 内 置 变量 。 除 此 之 外 ，Unity 还 提供 了 


X 


于 访问 时 间 、 光 照 、 雾 效 和 环境 光 等 目的 的 变量 。 这 些 内 置 变量 大 多 位 于 UnityShader 


Variables.cginc 中 ， 与 光照 有 关 的 内 置 变量 还 会 位 于 Lighting.cginc、AutoLight.cginc 等 文件 中 。 当 


我 们 在 后 面 的 学 习 中 遇 到 这 些 变量 时 ， 卫 


下 进行 详细 的 讲解 。 


LI Unity 提供 的 CG/HLSL 语义 


读者 在 平时 的 Shader 学 习 中 可 能 经 常 看 到 , 在 顶点 着 色 器 和 片 元 着 色 器 的 输入 输出 变量 后 还 


有 一 个 冒号 以 及 一 个 全 部 大 写 的 名 称 , 例如 在 5.2 节 看 到 的 SV_POSITION、POSITION、COLOR0。 
这 些 大 写 的 名 字 是 什么 意思 呢 ? 它们 有 什么 用 呢 ? 


5.4.1 什么 是 语义 


实际 上 ， 这 些 是 CG/HLSL 提供 的 语义 (semantics)。 如 果 读 者 从 前 接触 过 CG/HLSL 编程 的 


话 ， 可 能 对 这 些 语义 很 熟悉 。 读 者 可 以 在 微软 的 关于 DirectX 的 文档 (https://msdn.microsoft.com/ 


en-us/library/windows/desktop/bb509647(v=vs.85).aspx#VS ) 中 找到 关于 语义 的 详细 说 明 页 面 。 根 据 
文档 我 们 可 以 知道 ， 语 义 实 际 上 就 是 一 个 赋 给 Shader 输入 和 输出 的 字符 串 ， 这 个 字符 串 表 达 了 这 
个 参数 的 含义 。 通 俗 地 讲 ， 这 些 语义 可 以 让 Shader 知道 从 哪里 读 取 数据 ， 并 把 数据 输出 到 哪里 ， 
它们 在 CG/HLSL 的 Shader 流水 线 中 是 不 可 或 缺 的 。 需 要 注意 的 是 ，Unity 并 没有 支持 所 有 的 语义 。 
通常 情况 下 ， 这 些 输 入 输出 变量 并 不 需要 有 特别 的 意义 ， 也 就 是 说 ， 我 们 可 以 自行 决定 这 些 


而 Unity 为 了 方便 对 模型 数据 的 传输 ， 对 一 些 语 义 进行 了 特别 的 含义 规定 。 例 如 ， 在 顶点 着 
色 器 的 输入 结构 体 a2f 用 TEXCOORD0 来 描述 texcoord，Unity 会 识别 TEXCOORD0 语义 ， 以 把 模 


型 的 第 一 组 纹理 坐标 
不 同 ,含义 也 不 同 。 伪 


充 到 texcoord 中 。 
如 ，TEXCOORD0 


决定 。 


变量 的 用 途 。 例如 在 上 面 的 代码 中 , 顶点 
变量 。color 变量 本 身 存储 了 什么 ，Shader 流水 线 并 不 关心 。 


| 
描述 输出 结构 体 v2f。 但 在 输入 结构 体 a2f 中 ，TEXCOORD0 有 特别 的 含义 ， 即 把 模型 的 第 一 组 纹 
坐标 存储 在 该 变量 中 ， 而 在 输出 结构 体 v2f 中 ，TEXCOORD0 修饰 的 变量 含义 就 可 以 由 我 们 来 


着 色 器 的 输出 结构 体 中 我 们 用 COLOR0 语义 去 描述 color 


需要 注意 的 是 ， 即 便 语义 的 名 称 一 样 ， 如 果 出 现 的 位 置 
既 可 以 用 于 描述 项 点 着 色 器 的 输入 结构 体 a2f， 也 可 用 于 


在 DirectX 10 以 后 ， 有 了 一 种 新 的 语义 类 型 ， 就 是 系统 数值 语义 (system-value semantics)。 


这 类 语义 是 以 SV 开头 的 ，SV 代表 的 含义 就 是 系统 数值 (system-value)。 这 些 语义 在 泻 染 流水 线 


中 有 特殊 的 含义 。 例 如 在 上 面 的 代码 中 ， 


我 们 使 用 SV_POSITION 语义 去 修饰 顶点 着 色 器 的 输出 


变量 pos, 那么 就 表示 pos 包含 了 可 用 于 光栅 化 的 变换 后 的 顶点 坐标 〈 即 齐 次 裁剪 空间 中 的 坐标 )。 


Wr 


j 这 些 语义 描述 的 变量 是 不 可 以 随便 赋值 的 ， 因 为 流水 线 需 要 使 用 它们 来 完成 特定 的 目的 ， 例 如 


泻 染 引擎 会 把 用 SV_POSITION 修饰 的 变量 经 过 光栅 化 后 显示 在 屏幕 上 。 读 考 有 时 可 能 会 看 到 同 


一 个 变量 在 不 同 的 Shader 里 面 使 用 了 不 同 的 语义 修饰 。 例 如 , 一些 Shader 会 使 用 POSITION 而 非 


SV_POSITION 来 修饰 顶点 着 色 器 的 输出 


。SV_POSITION 是 DirectX 10 中 引入 的 系统 数值 语义 ， 
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在 绝 大 多 数 平台 上 ， 它 和 POSITION 语义 是 等 价 的 ， 但 在 某 些 平台 《例如 索尼 PS4) 上 必须 使 用 
SV_POSITION 来 修饰 顶点 着 色 器 的 输出 ， 否 则 无 法 让 Shader 正常 工作 。 同 样 的 例子 还 有 COLOR 
和 SV_Target。 因 此 ， 为 了 让 我 们 的 Shader 有 更 好 的 跨 平台 性 ， 对 于 这 些 有 特殊 含义 的 变量 我 们 最 
好 使 用 以 SV 开头 的 语义 进行 修饰 。 我 们 在 5.6 节 中 会 总 结 更 多 这 种 因为 平台 差异 而 造成 的 问题 。 


5.4.2 Unity 支持 的 语义 


表 5.5 总 结 了 从 应 用 阶段 传递 模型 数据 给 顶点 着 色 器 时 Unity 使 用 的 常用 语义 。 这 些 语义 虽 
然 没 有 使 用 SV 开头 ， 但 Unity 内 部 赋予 了 它们 特殊 的 含义 。 


上 


表 5.5 从 应 用 阶段 传递 模型 数据 给 项 点 着 色 器 时 Unity 支持 的 常用 语义 
语 义 描述 
POSITION 模型 空间 中 的 顶点 位 置 ， 通 常 是 float4 类 型 
NORMAL 顶点 法 线 ， 通 常 是 float3 类 型 
TANGENT 顶点 切线 ， 通 常 是 float4 类 型 
TEXCOORDn， 如 TEXCOORD0、 | 该 顶点 的 纹理 坐标 ，TEXCOORD0 表示 第 一 组 纹理 坐标 ， 依 此 类 推 。 通 常 是 
TEXCOORD1 float2 或 float4 类 型 
COLOR 顶点 颜色 ， 通 常 是 fixed4 或 float4 类 型 


其 中 TEXCOORDn 中 的 数目 是 和 Shader Model 有 关 的 ， 例 如 一 般 在 Shader Model 2〔 即 
Unity 默认 编译 到 的 Shader Model 版 本》 和 Shader Model 3 中 ，n 等 于 8， 而 在 Shader Model 4 和 
Shader Model 5 中 , n 等 于 16。 通 常情 况 下 ， 一 个 模型 的 纹理 坐标 组 数 一 般 不 超过 2， 即 我 们 往往 


只 使 用 TEXCOORD0 和 TEXCOORD1. 在 Unity 内 置 的 数据 结构 体 appdata_full 中 ， 它 最 多 使 用 
了 6 个 坐标 纹理 组 。 

表 5.6 总 结 了 从 顶点 着 色 器 阶段 到 片 元 着 色 器 阶段 Unity 支持 的 常用 语义 。 

表 5.6 从 顶点 着 色 器 传递 数据 给 片 元 着 色 器 时 Unity 使 用 的 常用 语义 

语 义 描 述 
SV_POSITION 裁剪 空间 中 的 顶点 坐标 ， 结 构 体 中 必须 包含 一 个 用 该 语义 修饰 的 变量 。 等 同 于 
DirectX 9 中 的 POSITION， 但 最 好 使 用 SV_POSITION 

COLORO 通常 用 于 输出 第 一 组 顶点 颜色 ， 但 不 是 必需 的 
COLOR1 通常 用 于 输出 第 二 组 顶点 颜色 ， 但 不 是 必需 的 
TEXCOORD0~TEXCOORD7 通常 用 于 输出 纹理 坐标 ， 但 不 是 必需 的 

上 面 的 语义 中 ， 除 了 SV_POSITION 是 有 特别 含义 外 ， 其 他 语义 对 变量 的 含义 没有 明确 要 求 ， 


也 就 是 说 ， 我 们 可 以 存储 任意 值 到 这 些 语 义 描述 变量 中 。 通 常 ， 如 果 我 们 需要 把 一 些 自 定义 的 数 


据 从 项 点 着 色 器 传递 给 片 元 着 色 器 ， 一 般 选 用 TEXCOORD0 等 。 
表 5.7 给 出 了 Unity 中 支持 的 片 元 着 色 器 的 输出 语义 。 
表 5.7 片 元 着 色 器 输出 时 Unity 支持 的 常用 语义 
语 :，“ 义 描述 
SV_Target 输出 值 将 会 存储 到 泻 染 目标 (render target) 中 。 等 同 于 DirectX 9 中 的 COLOR 
语义 ， 但 最 好 使 用 SV_Target 


5.4.3 ”如 何 定义 复杂 的 变量 类 型 


上 面 提 到 的 语义 绝 大 部 分 用 于 描述 标量 或 矢量 类 型 的 变量 ， 例 如 fixed2、float、 float4、fixed4 
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等 。 下 面 的 代码 给 出 了 一 个 使 用 语义 来 修饰 不 同类 型 变量 的 例子 : 


Struct vw2f + 
float4 pos : SV_POSITION; 
fixed3 color0 : COLORO; 
fixed4 colorl .:, COLOR1; 
half value0 : TEXCOORDO; 
float2 valuel : TEXCOORD]1; 


| 
关于 何 时 使 用 哪 种 变量 类 型 ,我 们 会 在 5.7.1 节 给 出 一 些 建议 。 但 需要 注意 的 是 ， 一 个 语义 可 
以 使 用 的 寄存 器 只 能 处 理 4 个 浮 点 值 (float)。 因 此 ， 如 果 我 们 想 要 定义 矩阵 类 型 ， 如 float3 X4、 
float4 X4 等 变量 就 需要 使 用 更 多 的 空间 。 一 种 方法 是 ， 把 这 些 变量 拆 分 成 多 个 变量 ， 例 如 对 于 
float4 X4 的 矩阵 类 型 , 我 们 可 以 拆 分 成 4 个 float4 类 型 的 变量 , 每 个 变量 存储 了 和 矩阵 中 的 一 行 数据 。 


[程序 员 的 烦恼 : Debug 


有 这 样 一 个 笑话 ， 据 说 只 有 程序 员 才 能 看 懂 : 
> 问 : 程序 员 最 讨厌 康 巾 的 哪个 儿子 ? 
寻 为 他 是 八 阿 哥 ( 谐 音 : bug)。 

调试 (debug)， 大 概 是 所 有 程序 员 的 于 梦 。 而 不 幸 的 是 ， 对 一 个 Shader 进行 调试 更 是 副 梦 
的 璐 梦 。 这 也 是 造成 Shader 难 写 的 原因 之 如 果 发 现 得 到 的 效果 不 对 ， 我 们 可 能 要 人 花 非 常 多 
的 时 间 来 找到 问题 所 处 。 造 成 这 种 现状 的 原因 就 是 在 Shader 中 可 以 选择 的 调试 方法 非常 有 限 ， 甚 
至 连 简单 的 输出 都 不 行 。 

本 节 由 在 给 出 Unity 中 对 Unity Shader 的 调试 方法 ， 这 主要 包含 了 两 种 方法 。 


5.5.1 使 用 假 彩色 图 像 


假 彩 色 图 像 (false-color image) 指 的 是 用 假 彩 色 技术 生成 的 一 种 图 像 。 与 假 彩 色 图 像 对 应 的 
是 照片 这 种 真 彩色 图 像 (true-color image)。 一 张 假 彩色 图 像 可 以 用 于 可 视 化 一 些 数据 ， 那 么 如 
何 用 它 来 对 Shader 进行 调试 呢 ? 
主要 思想 是 ， 我 们 可 以 把 需要 调试 的 变量 映射 到 [0, 1] 之 间 ， 把 它们 作为 颜色 输出 到 屏幕 上 ， 
然后 通过 屏幕 上 显示 的 像素 颜色 来 判断 这 个 值 是 否 正确 。 读 者 心里 可 能 已 经 在 哆 哮 :“ 什 么 ? ! 这 
方法 也 太原 始 了 吧 !” 没 错 ， 这 种 方法 得 到 的 调试 信息 很 模糊 ， 能 够 得 到 的 信息 很 有 限 ， 但 在 很 长 
一 段 时 间 内 ， 这 种 方法 的 确 是 唯一 的 可 选 方法 。 

需要 注意 的 是 , 由 于 颜色 的 分 量 范围 在 [0, 1], 因此 我 们 需要 小 心 处 理 需 要 调试 的 变量 的 范围 。 
如 果 我 们 已 知 它 的 值 域 范 围 ， 可 以 先 把 它 映射 到 [0, 1] 之 间 再 进行 输出 。 如 果 你 不 知道 一 个 变量 的 
范围 (这 往往 说 明 你 对 这 个 Shader 中 的 运算 并 不 了 解 )， 我 们 就 只 能 不 停 地 实验 。 一 个 提示 是 ， 
颜色 分 量 中 任何 大 于 1 的 数值 将 会 被 设置 为 1， 而 任何 小 于 0 的 数值 会 被 设置 为 0。 因 此 , 我们 可 
以 党 试 使 用 不 同 的 映射 ， 直 到 发 现 颜色 发 生 了 变化 〈 这 意味 着 得 到 了 0 一 1 的 值 )。 

如 果 我 们 要 调试 的 数据 是 一 个 一 维 数据 ， 那 么 可 以 选择 一 个 单独 的 颜色 分 量 〈 如 及 分 量 ) 进 
行 输出 ， 而 把 其 他 颜色 分 量 置 为 0。 如 果 是 多 维 数据 ， 可 以 选择 对 它 的 每 一 个 分 量 单独 调试 ， 或 
者 选择 多 个 颜色 分 量 进 行 输出 。 

作为 实例 ， 下 面 我 们 会 使 用 假 彩 色 图 像 的 方式 来 可 视 化 一 些 模型 数据 ， 如 法 线 、 切 线 、 纹 理 
坐标 、 顶 点 颜色 ， 以 及 它们 之 间 的 运算 结果 等 。 我 们 使 用 的 代码 如 下 : 


Shader "Unity Shaders Book/Chapter 5/False Color™ { 
SubShader { 


它 


和 


Pass { 
CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


#include "UnityCG.cginc" 


Struct v2t 
float4 pos : SV_POSITION; 
fixed4 color : COLORO; 

过 


v2f vert(lappdata full V) { 
V2f o7 
o.pos = mul (UNITY MATRIX MVP, Vv.vertex); 


// 可 视 化 法 线 方 应 
oO.color = fixed4(v.normal * 0.5 + fixed3(0.5, 0.5, 0.5), 1.0); 


// 可 视 化 切线 方 据 
oO.color = fixed4(v.tangent * 0.5 + fixed3(0.5, 0.5, 0.5), 1.0); 


// 可 视 化 副 切线 方向 
fixed3 binormal = cross(v.normal, v.tangent.xyz) * v.tangent.w; 
oO.color = fixed4 (binormal * 0.5 + fixed3(0.5, 0.5, 0.5), 1.0); 


// 可 视 化 第 一 组 纹理 坐标 
oO.color = fixed4(v.texcoord.xy, 0.0, 1.0); 


// 可 视 化 第 二 组 纹理 坐标 
o.color = 他 xed4(v.téxcoordl.xy, 0.0，1.0) 


// 可 视 化 第 一 组 纹理 坐标 的 小 数 部 分 

oOo.color = fraC/l(v. teéxcoord); 

if (any (saturateée\(v.téxcoord) - v.texcoord)) { 
o.coloxb = HL5; 


} 


oOo.color.a = 1.0; 


雪 


// 可 视 化 第 二 组 纹理 坐标 的 小 数 部 分 

oO.color = frac(v.texcoord1) 

if (any(Saturate (v.texcoord1) - V.texcoord1l)) { 
OCOLOre be Oo57 


} 


oOo.color.a = 1.0; 


// 可 视 化 项 点 颜色 
//o.color = Vv.color; 


return o; 


} 


fixed4 frag(v2f i) : SV Target { 
return i.color; 


ENDCG 


在 上 面 的 代码 中 ， 我 们 使 用 了 Unity 内 置 的 一 个 结构 体 一 一 appdata_full。 我 们 在 5.3 节 讲 过 
该 结构 体 的 构成 。 我 们 可 以 在 UnityCG.cginc 里 找到 它 的 定义 : 

struct appdata full { 
float4 vertex : POSITION; 


float4 tangent : TANGENT; 
float3 normal : NORMAL; 
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0 


5.5 程序 员 的 烦恼 : Debug 


float4 texcoord : 
float4 texcoordl 
float4 texcoord2 
float4 texcoord3 


TEXCOORDO; 

: TEXCOORD!]1; 
: TEXCOORD2; 
: TEXCOORD3; 


#if defined (SHADER API XBOX360) 


half4 texcoord4 
half4 texcoord5 
#endif 


: TEXCOORD4; 
TEXCOORDD? 


fixed4 color : COLOR; 


}; 


我 们 把 计算 得 到 的 假 彩 


可 以 看 出 ，appdata_full 几乎 包含 了 所 有 的 模型 数据 。 
色 存 储 到 了 顶点 着 色 器 有 


的 输出 结构 体 一 一 v2f 中 的 color 变量 里 , 并 且 


在 片 元 着 色 器 中 输出 了 这 个 颜色 。 读 者 可 以 对 其 中 的 代码 添加 或 取消 注释 ， 观 察 不 同 运算 和 数据 


得 到 的 效果 。 图 5.4 给 出 了 这 些 代码 得 到 的 显示 效果 。 读 才 
间 的 对 应 关系 ， 然 后 再 在 Unity 中 进行 验证 。 


可 以 先 自己 想 一 想 代码 和 这 些 效果 之 


为 了 可 以 得 到 某 点 的 颜色 值 ， 我 们 可 以 使 用 类 似 颜 色 拾取 器 的 脚本 得 到 屏幕 上 某 点 的 RGBA 


值 ， 从 而 推断 出 该 点 的 调试 信息 。 在 本 书 的 附带 工程 ， 


， 读 者 可 以 找到 这 样 一 个 简单 的 实例 脚本 : 


Assets -> Script -> Chapter5 -> ColorPickercs。 把 该 脚本 拖 电 到 一 个 摄像 机 上 ， 单 击 运行 后 ， 可 以 


a 


1 鼠标 单 击 屏幕 ， 以 得 到 该 点 的 颜色 值 ， 如 图 5.5 所 示 。 


和 图 5.4 ”用 假 彩色 对 Unity Shader 进行 调试 


5.5.2 ”利用 神器 : Visual Studio 


本 节 是 Windows 用 户 


器 ， 在 Visual Studio 2012 版 本 ! 
通过 Graphics Debugger， 我 人 


点 着 色 器 和 片 元 着 色 器 进 


5.5 使 用 颜色 拾取 器 来 查看 调试 信息 


的 福音 ，Mac 用 户 的 于 耗 。Visual Studio 作为 Windows 系统 下 的 开发 利 


行 单 步调 试 。 具 体 的 安装 和 使 ) 


也 提供 了 对 Unity Shader 的 调试 功能 
] 不 仅 可 以 查看 每 个 像素 的 最 终 颜色 


Graphics Debugger 。 
、 位 置 等 信息 ， 还 可 以 对 项 


方法 可 以 参见 Unity 官网 文档 中 使 用 


Visual Studio 对 DirectX 11 的 Shader 进行 调试 一 文 (http://docs.unity3d.com/Manual/SL-Debugging 
D3D11ShadersWithVS.html ) 。 


当然 ， 本 方法 也 有 一 些 限制 。 例 如 ， 我 们 需要 保 说 
Debugger 本 身 存在 一 些 bug。 但 这 无 法 阻止 我 们 对 它 的 喜爱 之 情 ! 而 Mac 月 


E Unity 运行 在 DirectX 11 平台 上 ， 而 且 Graphics 


5.5.3 ”最 新 利器 : 帧 调 


试 器 


尽管 Mac 用 户 无 法 体验 Visual Studio 的 强大 功能 ， 但 幸运 的 是 ， 


有 户 可 能 就 只 能 无 奈 地 眼 侨 了 。 


Unity 5 除了 带 来 全 新 的 UI 
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系统 外 ， 还 给 我 们 带 来 了 一 个 新 的 针对 泻 染 的 调试 器 一 一 帧 调试 器 (Frame Debugger)。 与 其 他 
调试 工具 的 复杂 性 相 比 ，Unity 原生 的 帧 调试 器 非常 简单 快捷 。 我 们 可 以 使 用 它 来 看 到 游戏 图 像 
的 某 一 帧 是 如 何 一 步 步 演 染 出 来 的 。 

要 使 用 帧 调试 器 , 我 们 首先 需要 在 Window -> Frame Debugger 中 打开 帧 调试 器 窗口 , 如 图 5.6 所 示 。 


|| Shader: Tone Bayed Shading pass 71 Decmno 
(Bend Dee Bere One Lorn Ca Ment NCRA 
| Flu LessEsaud Win On Oa Nack Oet 0. 4 
a 
| 


4 图 5.6 ” 帧 调试 器 


帧 调试 器 可 以 用 于 查看 泻 染 该 帧 时 进行 的 各 种 泻 染 事件 (event)， 这 些 事件 包含 了 Draw Call 
序列 ， 也 包括 了 类 似 清空 帧 缓存 等 操作 。 帧 调试 器 窗口 大 致 可 分 为 3 个 部 分 : 最 上 面 的 区 域 可 以 
开启 /关闭 ( 单 击 Enable 按钮 ) 帧 调试 功能 ， 当 开启 了 帧 调试 时 ， 通 过 移动 窗口 最 上 方 的 滑动 条 
《或 单 击 前 进 和 后 退 按钮 )， 我 们 可 以 重 放 这 些 演 染 事件 ; 左 侧 的 区 域 显 示 了 所 有 事件 的 树 状 图 ， 
在 这 个 树 状 图 中 , 每 个 叶子 节点 就 是 一 个 事件 , 而 每 个 父 节点 的 右 侧 显 示 了 该 节点 下 的 事件 数目 。 
我 们 可 以 从 事件 的 名 字 了 解 这 个 事件 的 操作 ， 例 如 以 Draw 开头 的 事件 通常 就 是 一 个 Draw Call; 
当 单 击 了 茶 个 事件 时 ， 在 右 侧 的 窗 田中 就 会 显示 出 该 事件 的 细节 ， 例 如 几何 图 形 的 细节 以 及 使 用 
了 哪个 Shader 等 。 同 时 在 Game 视图 中 我 们 也 可 以 看 到 它 的 效果 。 如 果 该 事件 是 一 个 Draw Call 
并 且 对 应 了 场景 中 的 一 个 GameObject, 那么 这 个 GameObject 也 会 在 Hierarchy 视图 中 被 高 亮 显示 
出 来 ， 图 5.7 显示 了 单 击 泻 染 某 个 对 象 的 深度 图 事件 的 结果 。 


7 
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单 击 Knot 的 深度 图 演 染 事件 ， 在 Game 视图 会 显示 该 事件 的 效果 ， 在 Hierarchy 视图 中 会 高 亮 显 示 Knot 对 象 ， 
在 帧 调试 器 的 右 侧 窗口 会 显示 出 该 事件 的 细节 
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如 果 被 选中 的 Draw Call 是 对 一 个 泻 染 纹理 (RenderTexture ) 的 泻 染 操作 ， 那 么 这 个 演 染 纹 


Game 视图 中 单独 显示 R、G、B 和 A 通道 。 


里 就 会 显示 在 Game 视图 中 。 而 且 ， 此 时 右 侧面 板 上 方 的 工具 栏 中 也 会 出 现 更 多 的 选项 ， 例 如 在 


Unity 5 提供 的 帧 调试 器 实际 上 并 没有 实现 一 个 真正 的 帧 拾取 (frame capture) 的 功能 ， 而 是 


仅仅 使 用 停止 泻 染 的 方法 来 查看 泻 染 事件 的 结果 。 例 如 ， 如 果 我 们 想 要 


结果 ， 那 么 帧 调试 器 就 会 在 第 4 个 Draw Call 调用 完毕 后 停止 演 染 。 


的 信息 也 很 有 限 。 如 果 读 者 想 要 获取 更 多 的 信息 , 还 是 需要 使 用 外 部 了 
Studio 插件 ， 或 者 Intel GPA、RenderDoc、NVIDIA NSight、AMD GPU PerfStudio 等 工 


小心: 泻 染 平台 的 差异 


Unity 的 优点 之 一 是 其 强大 的 跨 平台 性 一 一 写 一 份 代码 可 以 运行 在 很 多 平台 上 。 绝 大 多 数 情 


查看 第 4 个 Draw Call 的 


这 种 方法 虽然 简单 ， 但 


[ 具 , 例 如 5.5.2 节 ! 


况 下 ，Unity 为 我 们 隐藏 了 这 些 细节 ， 但 有 些 时 候 我 们 需要 自己 处 到 
的 因为 平台 不 同 而 造成 的 差异 。 


5.6.1 泻 染 纹理 的 坐标 差异 


在 2.3.4 节 和 4.2.2 节 中 ， 我 们 都 提 到 过 OpenGL 和 DirectX 的 屏幕 空间 多 
方向 上 ， 两 者 的 数值 变化 方向 是 相同 的 ， 但 在 竖 直 方向 上 ， 两 者 是 相 


<o 


得 到 


的 Visual 


EE 它们。 本 节 给 出 了 一 些 常 见 


标的 差异 。 在 水 平 
反 的 。 在 OpenGL (OpenGL 


ES 也 是 ) 中 ，(0, 0) 点 对 应 了 屏幕 的 左下 角 ， 而 在 DirectX (Metal 也 是 ) 中 ，(0, 0) 点 对 应 了 左上 


角 。 图 5.8 可 以 帮助 读者 回忆 它们 之 间 的 这 种 不 同 。 


+y (0, 0 


OpenGL 进 行 屏幕 映射 时 


使 用 的 第 卡尔 坐标 系 DirectX 进 行 屏幕 映射 时 


(0, 0) 十 X +y 


使 用 的 笛 卡 尔 坐标 系 


4 图 5.8 0penGL 和 DirectX 使 用 了 不 同 的 屏幕 空间 坐标 


需要 注意 的 是 ， 我 们 不 仅 可 以 把 泻 染 结果 输出 到 屏幕 上 ， 还 可 以 输出 到 不 同 的 演 染 
来 保存 这 些 泻 染 结果 。 


(Render Target) 中 。 这 时 ， 我 们 需要 使 用 演 染 纹理 (Render Texture) 
将 在 第 12 章 中 学 习 如 何 实现 这 样 的 目的 。 


大 多 数 情 况 下 ， 这 样 的 差异 并 不 会 对 我 们 造成 任何 影响 。 但 当 我 们 要 使 月 


把 屏幕 图 像 泻 染 到 一 张 泻 染 纹理 中 时 ， 如 果 不 采取 行 任何 措施 的 话 ， 


幸运 的 是 , Unity 在 背后 为 我 们 处 理 了 这 种 翻转 问题 一 一 当 在 DirectX 平台 上 使 月 
时 ，Unity 会 为 我 们 翻转 屏幕 图 像 纹 理 ， 以 便 在 不 同 平台 上 达到 一 致 性 。 
在 一 种 特殊 情况 下 Unity 不 会 为 我 们 进行 这 个 翻转 操作 , 这 种 情况 就 是 我 们 开启 了 抗 锯齿 (在 


Edit -> Project Settings -> Quality -> Anti Aliasing 中 开启 ) 并 在 此 时 使 用 了 演 染 到 纹理 


日 泻 染 到 纹理 技 
就 会 出 现 纹理 翻转 的 情 
泻 染 到 纹理 技术 


目标 
我 们 


术 ， 
况 。 


种 情况 下 ，Unity 首先 演 染 得 到 屏幕 图 像 ， 再 由 硬件 进行 抗 饮 齿 处 理 后 ， 得 到 一 张 泻 染 纹 理 来 供 
我 们 进行 后 续 处 理 。 此 时 ， 在 DirectX 平台 下 ， 我 们 得 到 的 输入 屏幕 图 像 ; 
就 是 说 ， 此 时 对 屏幕 图 像 的 采样 坐标 是 需要 符合 DirectX 平台 规定 的 。 如 果 我 们 的 屏幕 特效 只 需 
要 处 理 一 张 泻 染 图 像 ， 我 们 仍然 不 需要 在 意 纹理 的 翻转 问题 ， 这 是 因为 在 我 们 调用 Graphics.Blit 


不 会 被 Unity 翻转 ， 也 


技术 。 在 这 
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函数 时 ，Unity 已 经 为 我 们 对 屏幕 图 像 的 采样 坐标 进行 了 处 理 ， 我 们 只 需要 按 正常 的 采样 过 程 处 
里 屏幕 图 像 即 可 。 但 如 果 我 们 需要 同时 处 理 多 张 泻 染 图 像 〈 前 提 是 开启 了 抗 锯齿 )， 例 如 需要 同时 
处 理 屏 幕 图像 和 法 线 纹理 ， 这 些 图 像 在 竖 直 方向 的 朝向 就 可 能 是 不 同 的 (只 有 在 DirectX 这 样 的 
平台 上 才 有 这 样 的 问题 )。 这 种 时 候 ， 我 们 就 需要 自己 在 顶点 着 色 器 中 翻转 某 些 泻 染 纹理 〈 例 如 深 
度 纹理 或 其 他 由 脚本 传递 过 来 的 纹理 ) 的 纵 坐 标 ， 使 之 都 符合 DirectX 平台 的 规则 。 例 如 ; 


if UNITY _UV_STARTS_AT_TOP 

if ( MainTex TexelSize.y < 0) 
UV.y = 1l-uv.y; 

endif 


其 中 ，UNITY_UV_STARTS_AT_TOP 用 于 判断 当前 平台 是 否 是 DirectX 类 型 的 平台 ， 而 当 在 
这 样 的 平台 下 开启 了 抗 锯齿 后 ， 主 纹理 的 纹 素 大 小 在 竖 直 方向 上 会 变 成 负 值 ， 以 方便 我 们 对 主 纹 
里 进行 正确 的 采样 。 因 此 ， 我 们 可 以 通过 判断 _MainTex_TexelSize.y 是 否 小 于 0 来 检验 是 否 开 启 
了 抗 锯 上 从。 如 果 是 ， 我 们 就 需要 对 除 主 纹理 外 的 其 他 纹理 的 采样 坐标 进行 竖 直 方向 上 的 翻转 。 我 
们 会 在 第 13 章 中 再 次 看 到 上 面 的 代码 。 
在 本 书 资源 的 项 目 中 , 我 们 开启 了 抗 锯 齿 选 项 。 在 第 12 章 中 ,我 们 将 学 习 一 些 基本 的 屏幕 后 
处 理 效果 。 这 些 效果 大 多 使 用 了 单 张 屏幕 图 像 进 行 处 理 , 因此 我 们 不 需要 考虑 平台 差异 化 的 问题 ， 
妹 为 Unity 已 经 在 背后 为 我 们 处 理 过 了 。 但 在 12.5 节 中 , 我们 需要 在 一 个 Pass 中 同时 处 理 屏 幕 图 
象 和 提取 得 到 的 亮 部 图 像 来 实现 Bloom 效果 。 由 于 需要 同时 处 理 多 张 纹理 ， 因 此 在 DirectX 这 样 
的 平台 下 如 果 开 启 了 抗 锯齿 ， 主 纹理 和 亮 部 纹理 在 竖 直 方向 上 的 朝向 就 是 不 同 的 ， 我 们 就 需要 对 
亮 部 纹理 的 采样 坐标 进行 翻转 ,在 第 13. 章 中 ， 我 们 需要 同时 处 理 屏 幕 图 像 和 深度 /法 线 纹理 来 实 
现 一 些 特殊 的 屏幕 效果 , 在 这 些 处 理 过 程 中 , 我 们 也 需要 进行 一 些 平台 差异 化 处 理 。 在 15.3 节 中 ， 
尽管 我 们 也 在 一 个 Pass 中 同时 处 理 了 屏幕 图 像 、 深 度 纹理 和 一 张 噪声 纹理 ， 但 我 们 只 对 深度 纹理 
的 采样 坐标 进行 了 平台 差异 化 处 理 ,” 而 没有 对 噪声 纹理 进行 处 理 。 这 是 因为 ， 类 似 噪声 纹理 的 装 
饰 性 纹理 ， 它 们 在 竖 直 方向 上 的 朝向 并 不 是 很 重要 ， 即 便 翻转 了 效果 往往 也 是 正确 的 ， 因 此 我 们 
可 以 不 对 这 些 纹理 进行 平台 差异 化 处 理 。 


5.6.2 Shader 的 语法 差异 
读者 在 Windows 平台 下 编译 某 些 在 Mac 平台 下 工作 良好 的 Shader 时 ， 可 能 会 看 到 类 似 下 国 


的 报错 信息 : 
| incorrect number of arguments to numeric-type constructor (compiling for d3d11) 
或 者 


| output parameter 'o' not completely initialized (compiling for d3d11) 
上 面 的 报错 都 是 因为 DirectX 9/11 对 Shader 的 语义 更 加 严格 造成 的 。 例 如 ， 造 成 第 一 个 报错 
言 息 的 原因 是 ，Shader 中 可 能 存在 下 面 这 样 的 代码 : 


// 是 float4 类 型 ， 但 在 它 的 构造 器 中 我 们 仅 提 供 了 一 个 参数 
float4 v = float4(0.0) 7 


在 OpenGL 平台 上 ， 上 面 的 代码 是 合法 的 ， 它 将 得 到 一 个 4 个 分 量 都 是 0.0 的 float4 类 型 的 变量 。 
但 在 DirectX 11 平台 上 ， 我 们 必须 提供 和 变量 类 型 相 匹配 的 参数 数目 。 也 就 是 说 ， 我 们 应 该 写成 : 
| float4 v = float4(0.0, 0.0, 0.0, 0.0); 

而 对 于 第 二 个 报错 信息 ， 往 往 是 出 现在 表面 着 色 器 中 。 表 面 着 色 器 的 顶点 函数 (注意 ， 不 是 
顶点 着 色 器 ) 有 一 个 使 用 了 out 修饰 符 的 参数 。 如 果 出 现 这 样 的 报错 信息 ， 可 能 是 因为 我 们 在 顶 
点 函数 中 没有 对 这 个 参数 的 所 有 成 员 变 量 都 进行 初始 化 。 我 们 应 该 使 用 类 似 下 面 的 代码 来 对 这 些 
参数 进行 初始 化 : 


116 


void vert 


// 使 


UNITY INITIALIZE _OUTPUT (Input， 1) 


i 


} 


除了 上 述 两 点 语法 不 同 外 ，DirectXx 9 / 11 也 不 支持 在 顶点 着 色 器 中 使 用 tex2D 函数 。 


是 一 个 对 纹理 进行 采样 的 函数 ， 我 们 在 后 面 的 章节 中 将 


顶点 阶段 ， 


户 已 


要 这 样 的 偏 导 信 


| tex2Dlod (tex, 


而 且 我 们 还 


float4(uv, 0, 


这 和 纹理 采样 时 使 


(inout appdata full Vv, out Input o) 


各 会 


os 0 运算 ， 是 因为 在 顶点 着 色 器 阶段 Shader 无 法 得 到 UV 1 


吏 用 的 数学 运算 


相关 )。 如 


需要 添加 加 ragma target 3.0， 


5.6.3 Shader 的 语义 差异 


我 们 


的 ， 例 如 SV_POSITION 和 POSITION。 但 


能 够 在 所 有 平台 上 正常 


。 使 用 SV_Target 来 描述 片 元 着 1 
语义 ， 同样 的 ， 
其 他 平台 差异 


4 给 出 了 一 些 最 常见 的 平台 差异 造成 的 问 
些 Shader 在 平台 A 下 工作 良好 ， 而 在 3 


5.6.4 
本 书 只 


在 5.4 节 讲 到 了 Shader 中 的 i 


问 纹理 ， > tex2Dlod 函数 来 替代 ， 如 : 


0)). 


在 义 是 什么 ， 


LL 体 讲 到 。 


其 中 我 们 贡 


到 了 一 些 语 


在 另 一 些 


作 ， 我 们 应 该 尽 可 能 
e。 使 用 SV_POSITION 来 描述 顶点 着 色 器 输 
义 ， 但 这 些 Shader 无 法 在 索尼 PS4 平台 上 或 使 用 了 


使 月 


日 下 二 


色 器 的 输出 颜色 。 


的 顶点 位 置 。 


Unity 内 置 的 UNITY INITIALIZE OUTPUT 生 寺 输出 结构 体 o 进行 初始 化 


tex2D 


之 所 以 DirectX 9/11 不 支持 


t 平 台 上 ， 这 些 语义 是 不 等 价 
的 语义 来 描述 Shader 的 输入 输出 变量 。 


一 些 Shader 使 用 了 POSITION 语 


果 我 们 的 确 需 要 


市 


局 导 ， 而 tex2D 函数 需 
在 顶点 着 色 器 中 访 


因为 tex2Dlod 是 Shader Model 3.0 中 的 特性 。 


义 在 某 些 平台 下 是 等 价 
的 。 为 了 让 Shader 


Ak 


一 些 Shader 使 月 


这 些 Shader 无 法 在 索尼 PS4 上 正常 工作 。 


月 了 COLOR 或 者 


首 色 器 的 情况 下 正常 工作 。 


COLORO 


题 ， 还 有 一 些 差 异 不 再 列举 。 如 果 读 者 发 现 一 


F 台 B 下 出 现 了 问题 


unity3d.com/Manual/SL-PlatformDifferences.html〉 中 寻找 更 多 的 资料 。 


57 | Shader 整洁 之 道 


在 本 章 的 最 后 ， 我 们 
正确 的 ， 读 者 可 以 根据 实际 情况 做 出 权衡 。 写 出 规范 的 代码 不 仅 是 让 代码 变 得 漂 
重要 的 是 ， 养 成 这 些 习 惯 有 助 于 我 们 写 出 高 


给 出 一 些 关 于 如 何 规范 Shader 代码 的 建议 。 当 然 ， 这 些 建 议 并 不 是 
亮 易 懂 而 已 ， 更 


效 的 代码 。 


， 可 以 去 Unity 官方 文档 (http://docs. 


绝对 


5.7.1 float、half 还 是 fixed 
在 本 书 中 ， 我 们 使 用 CG/HLSL 来 编写 Unity Shader 中 的 代码 。 而 在 CG/HLSL 中 ， 有 3 种 精 
度 的 数值 类 型 : float，half 和 fixed。 这 些 精度 将 决定 计算 结果 的 数值 范围 。 表 5.8 给 出 了 这 3 种 
精度 在 通常 情况 下 的 数值 范围 。 
表 5.8 CG/HLSL 中 3 种 精度 的 数值 类 型 
类 型 精 度 
float 最 高 精度 的 浮 点 值 。 通 常 使 用 32 位 来 存储 
half 中 等 精度 的 浮 点 值 。 通 常 使 用 16 位 来 存储 ， 精 度 范围 是 -60 000~~+60 000 
fixed 最 低 精度 的 浮 点 值 。 通 常 使 用 11 位 来 存储 ， 精 度 范围 是 -2.0~+2.0 
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上 面 的 精度 范围 并 不 是 绝对 正确 的 , 尤其 是 在 不 同 平台 和 GPU 上 , 它们 实际 的 精度 可 能 和 上 
而 给 出 的 范围 不 一 致 。 通 常 来 讲 。 
。 大 多 数 现代 的 桌面 GPU 会 把 所 有 计算 都 按 最 高 的 浮 点 精度 进行 计算 ， 也 就 是 说 ，float、 
half\fixed 在 这 些 平台 上 实际 是 等 价 的 ,这 意味 着 ,我们 在 PC 上 很 难看 出 因为 half 和 fixed 
精度 而 带 来 的 不 同 。 
。 但 在 移动 平台 的 GPU 上 ， 它 们 的 确 会 有 不 同 的 精度 范围 ， 而 且 不 同 精度 的 浮 点 值 的 运算 
速度 也 会 有 所 差异 。 因 此 ， 我 们 应 该 确保 在 真正 的 移动 平台 上 验证 我 们 的 Shader。 
。 fixed 精度 实际 上 只 在 一 些 较 旧 的 移动 平台 上 有 用 ， 在 大 多 数 现代 的 GPU 上 ， 它 们 内 部 把 
fixed 和 half 当成 同等 精度 来 对 待 。 
尽管 有 上 面 的 不 同 , 但 一 个 基本 建议 是 , 尽 可 能 使 用 精度 较 低 的 类 型 , 因为 这 可 以 优化 Shader 
的 性 能 ， 这 一 点 在 移动 平台 上 尤其 重要 。 从 它们 大 体 的 值 域 范围 来 看 ， 我 们 可 以 使 用 fixed 类 型 
来 存储 颜色 和 单位 矢量 ， 如 果 要 存储 更 大 范围 的 数据 可 以 选择 half 类 型 ， 最 差 情况 下 再 选择 使 用 
float。 如 果 我 们 的 目标 平台 是 移动 平台 ， 一 定 要 确保 在 真实 的 手机 上 测试 我 们 的 Shader， 这 一 点 
非常 重要 。 关 于 移动 平台 的 优化 技术 ， 读 者 可 以 在 第 16 章 中 找到 更 多 内 容 。 


5.7.2 ”规范 语法 
在 5.6.2 节 ， 我 们 提 到 DirectX 平台 对 Shader 的 语义 有 更 加 严格 的 要 求 。 这 意味 着 ， 如 果 我 们 
要 发 布 到 DirectX 平台 上 就 需要 使 用 更 严格 的 语法 。 例 如 ， 使 用 和 变量 类 型 相 匹 配 的 参数 数目 来 
对 变量 进行 初始 化 。 
5.7.3 ”避免 不 必要 的 计算 

如 果 我 们 之 无 节制 地 在 Shader (尤其 是 片 元 着 色 器 ， 中 进行 了 大 量 计算 ， 那 么 我 们 可 能 很 快 
就 会 收 到 Unity 的 错误 提示 : 
| temporary register limit of 8 exceeded 

或 


| Arithmetic instruction limit of 64 exceeded; 65 arithmetic instructions needed to compile 
program 


出 现 这 些 错误 信息 大 多 是 因为 我 们 在 Shader 中 进行 了 过 多 的 运算 , 使 得 需要 的 临时 寄存 器 数 
目 或 指令 数目 超过 了 当前 可 支持 的 数目 。 读 者 需要 知道 ， 不 同 的 Shader Target、 不 同 的 着 色 器 阶 
段 ， 我 们 可 使 用 的 临时 寄存 器 和 指令 数目 都 是 不 同 的 。 

通常 ， 我 们 可 以 通过 指定 更 高 等 级 的 Shader Target 来 消除 这 些 错 误 。 表 5.9 给 出 了 Unity 目 
前 支持 的 Shader Target。 


表 5.9 Unity 支持 的 Shader Target 
指 令 描述 


#pragma target 2.0 默认 的 Shader Target 等 级 。 相 当 于 Direct3D 9 上 的 Shader Model 2.0 


#pragma target 3.0 相当 于 Direct3D 9 上 的 Shader Model 3.0 


和 相当 于 Direct3D 10 上 的 Shader Model 4.0。 目 前 只 在 DirectX 11 和 XboxOne/PS4 平台 上 提供 了 
支持 


相当 于 Direct3D 11 上 的 Shader Model 5.0。 目 前 只 在 DirectX 11 和 XboxOne/PS4 平台 上 提供 了 
支持 


#pragma target 5.0 


需要 注意 的 是 ， 所 有 类 似 OpenGL 的 平台 (包括 移动 平台 ) 被 当成 是 支持 到 Shader Model 3.0 


。 而 WP8/WinRT 平台 则 只 支持 到 Shader Model 2.0。 
读者 : 什么 是 Shader Model 呢 ? 


我 们 : Shader Model 是 由 微软 提出 的 一 套 规范 ， 通 俗 地 理解 就 是 它们 决定 了 Shader 中 各 个 特 


性 〈feature) 的 能 力 〈capability )。 这 些 特性 和 能 力 体 现在 Shader 能 使 用 的 运算 指令 数目 、 寄 存 器 


个 数 等 各 个 方面 。Shader Model 等 级 越 高 ，Shader 的 能 力 就 越 大 。 上 有 具体 的 细节 读者 可 以 参见 本 章 
的 扩展 阅读 部 分 。 


日 


虽然 更 高 等 级 的 Shader Target 可 以 让 我 们 使 用 更 多 的 临时 寄存 器 和 运算 指令 ， 但 一 个 更 好 的 


方法 是 尽 可 能 减少 Shader 中 的 运算 ， 或 者 通过 预计 算 的 方式 来 提供 更 多 的 数据 。 


5.7.4 


展 , 我 们 现在 已 经 可 以 使 用 


在 我 们 学 习 第 一 门 语言 


慎 用 分 支 和 循环 语句 


的 课 上 ， 类 似 分 文 、 循 环 语句 这 样 的 流程 控制 语句 是 最 基本 的 语法 之 


。 但 在 编写 Shader 的 时 候 ， 我 们 要 对 它们 格外 小 心 。 
在 最 开始 ，GPU 是 不 支持 在 顶点 着 色 器 和 片 元 着 色 器 中 使 用 流程 控制 语句 的 。 随 着 GPU 的 发 


if-else、for 和 while 这 种 流程 控制 指令 了 。 但 是 ,它们 在 GPU 上 的 实现 


和 在 CPU 上 有 很 大 的 不 同 。 深 完 这 些 指令 的 底层 实现 不 在 本 书 的 讨论 范围 内 ， 读 者 可 以 在 本 章 的 
扩展 阅读 中 找到 更 多 的 内 容 。 大 体 来 说 ，GPU 使 用 了 不 同 于 CPU 的 技术 来 实现 分 支 语句 ， 在 最 坏 


的 情 


况 下 ， 我 们 花 在 一 个 分 支 语 句 的 时 间 相 当 于 运行 了 所 有 分 支 语句 的 时 间 。 因 此 ， 我 们 不 鼓励 在 


Shader 中 使 用 流程 控制 语句 ， 因 为 它们 会 降低 GPU 的 并 行 处 理 操作 (尽管 在 现代 的 GPU 上 已 经 有 


了 改进 )。 
如 果 我 们 在 Shader 中 使 用 了 大 量 的 流程 控制 语句 ， 那 么 这 个 Shader 的 性 能 可 能 会 成 倍 下 降 。 
一 个 解决 方法 是 ， 我 
顶点 着 色 器 中, 或 者 直接 在 CPU 中 
免 地 要 使 用 分 支 语 句 来 进行 运算 ， 导 
分 文 判断 语句 中 使 用 的 条 件 


门 应 该 尽量 把 1 


十 算 向 流水 线 上 端 移动 ， 例 如 把 放 在 片 元 着 色 器 中 的 计算 放 到 
进行 预计 算 ， 再 把 结果 传递 给 Shader。 当 然 ， 有 时 我 们 不 可 避 


@ ~ 


〖 么 一 些 建议 是 : 
x 量 最 好 是 常数 ， 即 在 Shader 运行 过 程 中 不 会 发 生变 化 ; 


六 


。 每 个 分 文中 包含 的 操作 指令 数 尽 可 能 少 ; 
。 分 支 的 嵌 套 层 数 尽 可 能 少 。 


5.7.5 不 要 除 以 0 


虽然 在 用 类 似 C# 等 高 级 语言 进行 编程 的 时 候 , 我 们 会 谨 记 不 要 除 以 0 这 个 基本 常识 (就算 你 


没 这 么 做 ， 编 辑 器 可 能 也 会 报错 )， 但 有 时 在 编写 Shader 的 时 候 我 们 会 忽略 这 个 问题 。 
例如 ， 我 们 在 Shader 里 写 下 如 下 代码 : 


但 即便 不 会 崩溃 得 到 的 结果 
黑色 ， 但 在 另 一 些 平台 上 ， 我 们 的 Shader 可 能 就 会 直接 崩溃 。 因 此 ， 即 便 在 开发 游戏 的 平台 上 ， 
我 们 看 到 的 结果 可 能 是 符合 预期 的 ， 但 在 目标 平台 上 可 能 就 会 出 现 问题 。 


fixed4 frag(v2f i) 
{ 


} 


: SV_Target 


return fixed4(0.0/0.0,0.0/0.0, 0.0/0.0, 1.0); 


这 样 代码 的 结果 往往 是 不 可 预测 的 。 在 某 些 泻 染 平台 上 , 上 面 的 代码 不 会 造成 Shader 的 骨 误 ， 


也 是 不 


定 的 ， 有 些 会 得 到 白色 〈 由 无 限 大 截取 到 1.0)， 有 些 会 得 到 


一 个 解决 方法 是 ， 对 那些 除数 可 能 为 0 的 情况 ， 强 制 截取 到 非 0 范围 。 在 一 些 资料 中 ， 读 者 
可 能 也 会 看 到 使 用 站 语句 来 判断 除数 是 否 为 0 的 例子 。 
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用 扩展 阅读 


读者 可 以 在 《GPU 精粹 2》 中 的 GPU 流程 控制 一 章 趾 中 更 加 深入 地 了 解 为 什么 流程 控制 语句 
在 GPU 上 会 影响 性 能 。 在 5.7.3 节 我 们 提 到 了 Shader 中 临时 寄存 器 数目 和 运算 指令 都 有 限制 ， 实 
际 上 Shader Model 对 顶点 着 色 器 和 片 元 着 色 器 中 使 用 的 指令 数 、 临 时 寄存 器 、 常 量 寄 存 器 、 输 入 
/输出 寄存 器 、 纹 理 等 数目 都 进行 了 规定 。 读 者 可 以 在 Wiki 的 相关 资料 中 和 HLSL 的 手册 站 中 找到 
更 多 的 内 容 。 

[1] Mark Harris, Ian Buck. "GPU Flow-Control Idioms." In GPU Gems 2. 中 译本 : GPU 精粹 2: 
高 性 能 图 形 芯 片 和 通用 计算 编程 技巧 ， 法 尔 译 ， 清 华 大 学 出 版 社 ，2007 年 。 

[2] High-Level Shading Language, Wiki (https://en.wikipedia.org/wiki/High-Level_Shading_ 
Language )。 

[3] Shader Models vs Shader Profiles, HLSL 手册 (https://msdn.microsoft.com/en-us/library/ 
windows/desktop/bb509626(v=vs.85).aspx ) 。 


120 


ee 
染 总 是 
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个 像素 上 进行 怎样 的 光照 计 
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es 
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介绍 如 何 使 用 Unity 的 内 置 


函数 来 帮助 我 们 实现 这 些 
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此 实现 
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的 Shader 往往 并 不 能 直接 
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妇 了 绝 大 部 分 的 波长 。 这 利 
] 要 模拟 真实 的 光照 环境 来 生成 一 张 图 像 ， 需 要 考虑 3 利 


来 。 


的 一 些 物体 相交 : 一 些 光 线 被 物体 吸收 了 ， 而 另 一 


E 了 一 张 图 像 。 
各 对 每 个 部 分 进行 更 加 详细 的 解释 。 


物理 现象 就 是 本 


个 物体 在 我 们 看 来 是 
节 需 要 探讨 的 内 容 。 


物理 现象 。 


此 


光线 被 散射 到 
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相位 有 
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对 间 
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E 直 的 ， 那 么 如 何 计算 这 样 


的 表面 的 辐 照 度 呢 ? 我 们 可 


意 的 是 ， 这 里 默认 方向 矢量 


| 
以 使 ) 
的 模 都 为 1 。 


多 


6.1 过 未 ] 


光源 方向 ! 和 表面 法 线 n 之 间 的 夹 


的 余弦 值 来 得 到 。 需 要 注 


使 用 余弦 值 来 计 


算 的 原因 o 


~ 


dlcos6 


4 图 6.1 在 左 图 中 ， 光 是 垂直 照射 到 物体 表面 ， 因 此 光线 之 间 的 垂直 距离 保持 不 变 ;而 在 右 图 中 ， 光 是 斜 着 照射 到 物体 
表面 ， 在 物体 表面 光线 之 间 的 距离 是 d/cos9， 因 此 单位 面积 上 接收 到 的 光线 数目 要 少 于 左 医 

因为 辐 照 度 是 和 照射 到 物体 表面 时 光线 之 间 的 距离 dlcos9 成 反比 的 , 因此 辐 照 度 就 和 cos8 成 正 

比 。cos9 可 以 使 用 光源 方向 1 和 表面 法 线 n 的 点 积 来 得 到 。 这 就 是 使 用 点 积 来 计算 辐 照 度 的 由 来 。 


6.1.2 ”吸收 和 散射 


光线 由 光源 发 射出 来 后 ， 就 会 与 一 些 物体 相交 。 通 常 ， 相 交 的 结果 有 两 个 : 散射 (scattering) 
和 了 吸收 (absorption ) 。 

散射 只 改变 光线 的 方向 ， 但 不 改变 光线 的 密度 和 颜色 。 而 吸收 只 改变 光线 的 密度 和 颜色 ， 但 
不 改变 光线 的 方向 。 光 线 在 物体 表面 经 过 散射 后 ， 有 两 种 方向 : 一 种 将 会 散射 到 物体 内 部 ， 这 种 
现象 被 称 为 折射 (refraction ) 或 透射 (transmission); 另 一 种 将 会 散射 到 外 部 ， 这 种 现象 被 称 ; 
反射 (reflection )。 对 于 不 透明 物体 ， 折射 进入 物体 内 部 的 光线 还 会 继续 与 内 部 的 颗粒 进行 相交 ， 
一 些 光 线 最 后 会 重新 发 射出 物体 表面 ， 而 男 一 些 则 被 物体 吸收 。 那 些 从 物体 表面 重新 发 射出 
的 光线 将 具有 和 入 射 光 线 不 同 的 方向 分 布 和 颜色 。 图 6.2 给 出 了 这 样 的 一 个 例子 。 


~ 


中 


SS 
\ 


4 图 6.2 ”散射 时 ， 光 线 会 发 生 折 射 和 反射 现象 。 对 于 不 透明 物体 ， 
折射 的 光线 会 在 物体 内 部 继续 传播 ， 最 终 有 一 部 分 光线 会 重新 从 物体 表面 被 发 射出 去 


为 了 区 分 这 两 种 不 同 的 散射 方向 ， 我 们 在 光照 模型 中 使 用 了 不 同 的 部 分 来 计算 它们 : 高 光 反 
射 (specular) 部 分 表示 物体 表面 是 如 何 反 射 光线 的 ， 而 漫 反 射 (diffuse) 部 分 则 表示 有 多 少 光 线 
会 被 折射 、 吸 收 和 散射 出 表面 。 根 据 入 射 光线 的 数量 和 方向 ， 我 们 可 以 计算 出 射 光 线 的 数量 和 方 
向 ,我 们 通常 使 用 出 射 度 (exitance) 来 描述 它 。 辐 照度 和 出 射 度 之 间 是 满足 线性 关系 的 ， 而 它们 
之 间 的 比值 就 是 材质 的 漫 反射 和 高 光 反 射 属性 。 
在 本 章 中 ， 我 们 假设 漫 反射 部 分 是 没有 方向 性 的 ， 也 就 是 说 ， 光 线 在 所 有 方向 上 是 平均 分 布 
的 。 同 时 ， 我 们 也 上 只 考虑 某 一 个 特定 方向 上 的 高 光 反 射 。 


6.1.3 着 色 


着 色 〈shading) 指 的 是 ， 根 据 材质 属性 〈 如 漫 反 射 属性 等 )、 光 源 信息 《如 光源 方向 、 辐 照 
度 等 )， 使 用 一 个 等 式 去 计算 沿 某 个 观察 方向 的 出 射 度 的 过 程 。 我 们 也 把 这 个 等 式 称 为 光照 模型 


(Lighting Model)。 不 同 的 光照 模型 有 不 同 的 目的 。 例 如 ， 一 些 用 于 描述 粗糙 的 物体 表面 ， 一 些 


用 于 描述 金属 表面 等 。 
6.1.4 BRDF 光照 模型 


我 们 已 经 了 解 了 光线 在 和 物体 表面 相交 时 会 发 生 哪些 现象 。 当 已 知 光 源 位 置 和 方向 、 视 角 方 
向 时 ， 我 们 就 需要 知道 一 个 表面 是 和 光照 进行 交互 的 。 例 如 ， 当 光线 从 某 个 方向 照射 到 一 个 表 国 
时 ， 有 多 少 光 线 被 反射 ? 反射 的 方向 有 哪些 ? 而 BRDF (Bidirectional Reflectance Distribution 
Function〉 就 是 用 来 回答 这 些 问题 的 。 当 给 定 模型 表面 上 的 一 个 点 时 ，BRDF 包含 了 对 该 点 外 观 
的 完整 的 描述 。 在 图 形 学 中 ，BRDF 大 多 使 用 一 个 数学 公式 来 表示 ， 并 且 提 供 了 一 些 参数 来 调整 
材质 属性 。 通 俗 来 讲 ， 当 给 定 入 射 光 线 的 方向 和 辐 照 度 后 ，BRDE 可 以 给 出 在 某 个 出 射 方向 上 的 
光照 能 量 分 布 。 本 章 涉 及 的 BRDF 都 是 对 真实 场景 进行 理想 化 和 简化 后 的 模型 ， 也 就 是 说 ， 它 们 
并 不 能 真实 地 反映 物体 和 光线 之 间 的 交互 ， 这 些 光 照 模 型 被 称 为 是 经 验 模型 。 尽 管 如 此 ， 这 些 经 
验 模型 仍然 在 实时 泻 染 领域 被 应 用 了 多 年 。 读者 可 以 从 邓 恩 的 著作 《3D 数学 基础 : 图 形 与 游戏 开 
发 》( 英 文 名 : 《3D Math Primer For Graphics And Game Development》) 中 提 到 的 一 句 名 言 来 体会 
这 其 中 的 原因 。 

计算 机 图 形 学 的 第 一 定律 : 如 果 它 看 起 来 是 对 的 ， 那 么 它 就 是 对 的 。 

然而 ， 有 时 我 们 希望 可 以 更 加 真实 地 模拟 光 和 物体 的 交互 ， 这 就 出 现 了 基于 物理 的 BRDF 模 
型 ， 我 们 会 在 第 18 章 基 于 物理 的 泻 染 中 看 到 这 些 更 加 复杂 的 光照 模型 。 


虽然 光照 模型 有 很 多 种 类 ， 但 在 早期 的 游戏 引擎 中 往往 只 使 用 一 个 光照 模型 ， 这 个 模型 被 称 
为 标准 光照 模型 。 实 际 上 ， 在 BRDF 理论 被 提出 之 前 ， 标 准 光照 模型 就 已 经 被 广泛 使 用 了 。 
在 1975 年 ， 著 名 学 者 裴 祥 风 (Bui Tuong Phong) 提出 了 标准 光照 模型 背后 的 基本 理念 。 标 
准 光 照 模 型 只 关心 直接 光照 (direct light)， 也 就 是 那些 直接 从 光源 发 射出 来 照射 到 物体 表 
经 过 物体 表面 的 一 次 反射 直接 进入 摄像 机 的 光线 。 
它 的 基本 方法 是 ， 把 进入 到 摄像 机 内 的 光线 分 为 4 个 部 分 ， 每 个 部 分 使 用 一 种 方法 来 计算 它 
的 贡献 度 。 这 4 个 部 分 是 。 
。 自发 光 (emissive》〉 部 分 ， 本 书 使 用 cissw 来 表示 。 这 个 部 分 用 于 描述 当 给 定 一 个 方向 时 ， 
一 个 表面 本 身 会 向 该 方向 发 射 多 少 辐 射 量 。 需要 注意 的 是 , 如 果 没 有 使 用 全 局 光照 (global 
ilumination ) 技术 ， 这些 自发 光 的 表面 并 不 会 真 的 照 亮 周围 的 物体 ， 而 是 它 本 身 看 起 来 更 
亮 了 而 已 。 
。 高 光 反 射 (specular) 部 分 ， 本 书 使 用 cweoww 来 表示 。 这 个 部 分 用 于 描述 当 光 线 从 光源 照 


瑟 


到 
可 


到 


射 到 模型 表面 时 ， 该 表面 会 在 完全 镜面 反射 方向 散射 多 少 辐射 量 。 

。 漫 反射 (diffuse) 部 分 ， 本 书 使 用 cyjgisc 来 表示 。 这 个 部 分 用 于 描述 ， 当 光线 从 光源 照射 
到 模型 表面 时 ， 该 表面 会 向 每 个 方向 散射 多 少 辐射 量 。 

。 环境 光 (ambient〉 部 分 ， 本 书 使 用 cwien 来 表示 。 它 用 于 描述 其 他 所 有 的 间接 光照 。 


6.2.1 环境 光 


虽然 标准 光照 模型 的 重点 在 于 描述 直接 光照 ， 但 在 真实 的 世界 中 ， 物 体 也 可 以 被 间接 光照 
(indirect light〉 所 照 亮 。 间 接 光照 指 的 是 ， 光 线 通常 会 在 多 个 物体 之 间 反 射 ， 最 后 进入 摄像 机 ， 
也 就 是 说 ， 在 光线 进入 摄像 机 之 前 ， 经 过 了 不 止 一 次 的 物体 反射 。 例 如 ， 在 红 地 悉 上 放置 一 个 浅 
123 


灰色 的 沙发 ， 那 么 沙发 底部 也 会 有 红色 ， 这 些 红色 是 由 红 地 毯 反射 了 一 部 分 光线 ， 再 反弹 到 沙发 
上 的 。 
在 标准 光照 模型 中 ， 我 们 使 用 了 一 种 被 称 为 环境 光 的 部 分 来 近似 模拟 间接 光照 。 环 境 光 的 计 
算 非常 简单 ， 它 通常 是 一 个 全 局 变量 ， 即 场景 中 的 所 有 物体 都 使 用 这 个 环境 光 。 下 面 的 等 式 给 出 
了 计算 环境 光 的 部 分 : 


Cambient—=8 ambient 


6.2.2 自发 光 


光线 也 可 以 直接 由 光源 发 射 进 入 摄像 机 ， 而 不 需要 经 过 任何 物体 的 反射 。 标 准 光照 模型 使 用 
自发 光 来 计算 这 个 部 分 的 贡献 度 。 它 的 计算 也 很 简单 ， 就 是 直接 使 用 了 该 材质 的 自发 光 颜 色 : 
Cemissive 一 112 emissive 

通常 在 实时 泻 染 中 ， 自 发 光 的 表面 往往 并 不 会 照 亮 周 围 的 表面 ， 也 就 是 说 ， 这 个 物体 并 不 会 
被 当成 一 个 光源 。Unity 5 引入 的 全 新 的 全 局 光照 系统 则 可 以 模拟 这 类 自发 光 物体 对 周围 物体 的 影 
响 ， 我 们 会 在 第 18 章 中 看 到 。 

6.2.3” 漫 反射 

漫 反 射 光 照 是 用 于 对 那些 被 物体 表面 随机 散射 到 各 个 方向 的 辐射 度 进 行 建 模 的 。 在 漫 反射 : 
视角 的 位 置 是 不 重要 的 ， 因 为 反射 是 完全 随机 的 ， 因 此 可 以 认为 在 任何 反射 方向 上 的 分 布 都 是 一 
样 的 。 但 是 ， 入 射 光 线 的 角度 很 重要 。 

漫 反 射 光 照 符 合 兰 伯 特 定律 “(ILambert's law): 反射 光线 的 强度 与 表面 法 线 和 光源 方向 之 间 
夹 角 的 余弦 值 成 正比 。 因 此 ， 漫 反射 部 分 的 计算 如 下 : 

Cu (cud ma max(0, n 1 ) 

其 中 ， 是 表面 法 线 ，7 是 指向 光源 的 单位 矢量 ，muwe 是 材质 的 漫 反 射 颜色 ，cuaw 是 光源 颜 
色 。 需 要 注意 的 是 ， 我 们 需要 防止 法 线 和 光源 方向 点 乘 的 结果 为 负 值 ， 为 此 ， 我 们 使 用 取 最 大 值 
的 函数 来 将 其 截取 到 0， 这 可 以 防止 物体 被 从 后 面 来 的 光源 照 亮 。 


6.2.4 高 光 反 射 


这 里 的 高 光 反 射 是 一 种 经 验 模 型 ， 也 就 是 说 ， 它 并 不 完全 符合 真实 世界 中 的 高 光 反 射 现象 。 
它 可 用 于 计算 那些 沿 着 完全 镜面 反射 方向 被 反射 的 光线 ， 这 可 以 让 物体 看 起 来 是 有 光泽 的 ， 例 如 
金属 材质 。 
计算 高 光 反 射 需要 知道 的 信息 比较 多 ， 如 表面 法 线 、 视 角 方 向 、 光 源 方向 、 反 射 方向 等 。 在 
本 节 中 ， 我 们 假设 这 些 矢 量 都 是 单位 矢量 。 图 6.3 给 出 了 这 些 方向 矢量 。 
在 这 四 个 矢量 中 , 我 们 实际 上 只 需要 知道 其 中 3 


个 矢量 即 可 , 而 第 四 个 矢量 一 一 反射 方向 可 以 通过 其 © 
他 信息 计算 得 到 : 


r=2( Df -I 
这 样 ， 我 们 就 可 以 利用 Phong 模型 来 计算 高 光 
反射 的 部 分 : 
Ceutas=(Ciigw Mpecula max(0, $F ) So On 
其 中 ，mgss 是 材质 的 光泽 度 〈gloss)， 也 被 称 为 反光 度 (shininess)。 它 用 于 控制 高 光 区 域 的 
“亮点 ”有 多 宽 ，mgoss 越 大 ， 亮 点 就 越 小 。mwseuur 是 材质 的 高 光 反 射 颜色 ， 它 用 于 控制 该 材质 


对 于 高 光 反 射 的 强度 和 颜色 。cusw 则 是 光源 的 颜色 和 强度 。 同 样 ， 这 里 也 需要 防止 $. ?的 结果 
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和 上 述 的 Phong 模型 相 比 ，Blinn 提出 了 一 个 简单 的 修改 方法 来 得 到 类 似 的 效果 。 它 的 基本 
思想 是 ， 避 免 计 算 反 射 方向 全 。 为 此 ，Blinn 模型 引入 了 一 个 新 的 矢量 仙 ， 它 是 通过 对 信和 全 的 取 
平均 后 再 归 一 化 得 到 的 。 即 


然后 ， 使 用 镶 和 让 之 间 的 夹 角 进行 计算 ， 而 非 $ 和 全 之 间 的 夹 角 ， 如 图 6.4 所 示 。 
总 结 一 下 ，Blinn 模型 Cn 

Cspecular=(Clight' Mspecular Max(0, 个 .个 人 

在 硬件 实现 时 ， 如 果 摄 像 机 和 光源 距离 模型 足够 
远 的 话 ，Blinn 模型 会 快 于 Phong 模型 ， 这 是 因为 ， 此 
时 可 以 认为 人 $ 和 4 千 都 是 定 值 ， 因 此 让 将 是 一 个 常量 。 但 
是 ， 当 令 或 者 竺 不 是 定 值 时 ，Phong 模型 可 能 反而 更 快 

些 。 需 要 注意 的 是 ， 这 两 种 光照 模型 都 是 经 验 模型 ， 

也 就 是 说 ， 我 们 不 应 该 认为 Blinn 模型 是 对 “正确 的 ”Phong 模型 的 近似 。 实 际 上 ， 在 一 些 情况 
下 ，Blinn 模型 更 符合 实验 结 


A 图 6.4 Blinn 模型 


6.2.5 逐 像素 还 是 逐 顶 点 


上 面 ， 我 们 给 出 了 基本 光照 模型 使 用 的 数学 公式 ， 那 么 我 们 在 哪里 计算 这 些 光照 模型 呢 ? 通 
常 来 讲 ， 我 们 有 两 种 选择 在 片 元 着 色 器 中 计算 ， 也 被 称 为 逐 像素 光照 (per-pixel lighting); 在 
顶点 着 色 器 中 计算 ， 也 被 称 为 逐 顶 点 光照 《per-vertex lighting )。 

在 逐 像素 光照 中 ,我们 会 以 每 个 像素 为 基础 ,得 到 它 的 法 线 (可 以 是 对 顶点 法 线 插值 得 到 的 ， 
也 可 以 是 从 法 线 纹理 中 采样 得 到 的 ), 然后 进行 光照 模型 的 计算 。 这 种 在 面 片 之 间 对 顶点 法 线 进行 
插值 的 技术 被 称 为 Phong 着 色 (Phong shading)， 也 被 称 为 Phong 插值 或 法 线 插值 着 色 技 术 。 这 
不 同 于 我 们 之 前 讲 到 的 Phong 光照 模型 。 

与 之 相对 的 是 逐 顶 点 光照 ， 也 被 称 为 高 洛 德 着 色 〈Gouraud shading)。 在 逐 顶 点 光照 中 ， 我 
们 在 每 个 顶点 上 计算 光照 ， 然 后 会 在 演 染 图 元 内 部 进行 线性 插值 ， 最 后 输出 成 像素 颜色 。 由 于 项 
点 数目 往往 远 小 于 像素 数目 ， 因 此 逐 顶 点 光照 的 计算 量 往往 要 小 于 逐 像素 光照 。 但 是 ， 由 于 逐 顶 
点 光照 依赖 于 线性 插值 来 得 到 像素 光照 ， 因 此 ， 当 光照 模型 中 有 非 线性 的 计算 《例如 计算 高 光 反 
射 时 ) 时 ， 逐 顶点 光照 就 会 出 问题 。 在 后 面 的 章节 中 ， 我 们 将 会 看 到 这 种 情况 。 而 且 ， 由 于 逐 顶 
点 光照 会 在 泻 染 图 元 内 部 对 顶点 颜色 进行 插值 ， 这 会 导致 演 染 图 元 内 部 的 颜色 总 是 暗 于 顶点 处 的 
最 高 颜色 值 ， 这 在 某 些 情况 下 会 产生 明显 的 棱角 现象 。 


6.2.6 总 结 


虽然 标准 光照 模型 仅仅 是 一 个 经 验 模型 , 也 就 是 说 , 它 并 不 完全 符合 真实 世界 中 的 光照 现象 。 
但 由 于 它 的 易 用 性 、 计 算 速度 和 得 到 的 效果 都 比较 好 ， 因 此 仍然 被 广泛 使 用 。 而 也 是 由 于 它 的 广 
泛 使 用 性 ， 这 种 标准 光照 模型 有 很 多 不 同 的 叫 法 。 例 如 ， 一 些 资料 中 称 它 为 Phong 光照 模型 ， 
为 裴 祥 风 (Bui Tuong Phong) 首先 提出 了 使 用 漫 反 射 和 高 光 反 射 的 和 来 对 反射 光照 进行 建 模 的 基 
本 思想 ， 并 且 提 出 了 基于 经 验 的 计算 高 光 反 射 的 方法 (用 于 计算 漫 反射 光照 的 兰 伯 特 模型 在 那 时 
已 经 被 提出 了 )。 而 后 ， 由 于 Blinn 的 方法 简化 了 计算 而 且 在 某 些 情况 下 计算 更 快 ， 我 们 把 这 种 模 
型 称 为 Blinn-Phong 光照 模型 。 
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但 这 种 模型 有 很 多 局 限 性 。 首 先 ， 有 很 多 重要 的 物理 现象 无 法 用 Blinn-Phong 模型 表现 出 来 ， 
例如 菲 涅 耳 反 射 〈Fresnel reflection )。 其 次 ，Blinn-Phong 模型 是 各 项 同性 〈isotropic) 的 ， 也 就 
是 说 ， 当 我 们 固定 视角 和 光源 方向 旋转 这 个 表面 时 ， 反 射 不 会 发 生 任何 改变 。 但 有 些 表 面 是 具有 
各 向 异性 〈anisotropic) 反射 性 质 的 ， 例 如 拉丝 金属 、 毛 发 等 。 在 第 18 章 中 ， 我 们 将 学 习 基 于 物 
里 的 光照 模型 ， 这 些 光 照 模型 更 加 复杂 ， 同 时 也 可 以 更 加 真实 地 反映 光 和 物体 的 交互 。 


LO unity 中 的 环境 光 和 自发 光 


在 标准 光照 模型 中 ， 环 境 光 和 自发 光 的 计算 


ET Qs 

是 最 简单 的 。 J 

在 Unity 中 ,场景 中 的 环境 光 可 以 在 Window -> | 。 | 

Lighting -> Ambient Source/Ambient Color/Ambient oy | 
Intensity 中 控制 ， 如 图 6.5 所 示 。 在 Shader 中 ， 我 Antnal 二 
们 只 需要 通过 Unity 的 内 置 变 量 UNITY_LIGHTM oa EEC 

ODEL_ AMBIENT 就 可 以 得 到 环境 光 的 颜色 和 强 see ee 

度 信息 。 = 

而 大 多 数 物体 是 没有 自发 光 特 性 的 ， 因 此 在 | 

本 书 绝 大 部 分 的 Shader 中 都 没有 计算 自发 光 部 

4 图 6.5 在 Unity 的 Wnqow -> Lighting 面板 中 ， 


i . Se 司 2 人 > 轩 各 更 

人 如 果 要 计算 发 光 也 非常 简单 ， 我 们 只 需要 我 们 可 以 通过 Ambient Source/Ambient ColorMAmbient 
在 片 元 着 色 器 输出 最 后 的 颜色 之 前 之 把 材质 的 自 /ntensity 来 控制 场景 中 的 环境 光 的 颜色 和 强度 
发 光 颜 色 添 加 到 输出 颜色 上 即 可 。 


64 | 在 UnityShader 中 实现 漫 反射 光照 模型 


在 了 解 了 上 述 的 理论 后 ， 我 们 现在 来 看 一 下 如 何在 Unity 中 实现 这 些 基本 光照 模型 。 首 先 ， 
我 们 来 实现 标准 光照 模型 中 的 漫 反 射 光照 部 分 。 
在 6.2.3 节 中 ， 我 们 给 出 了 基本 光照 模型 中 漫 反射 部 分 的 计算 公式 : 
Caipuse=(Clight * Tiaipiuse Max(0, hi. I ) 
从 公式 可 以 看 出 ， 要 计算 漫 反射 需要 知道 4 个 参数 : 入 射 光 线 的 颜色 和 强度 ciww,， 材 质 的 漫 
反射 系数 mwypwe， 表 面 法 线 全 以 及 光源 方向 工 。 
为 了 防止 点 积 结果 为 负 值 ， 我 们 需要 使 用 max 操作 ， 而 CG 提供 了 这 样 的 函数 。 在 本 例 中 ， 
使 用 CG 的 另 一 个 函数 可 以 达到 同样 的 目的 ， 即 saturate 函数 。 
国 数 : saturate(x) 
参数 : x: 为 用 于 操作 的 标量 或 矢量 ， 可 以 是 float、float2、float3 等 类 型 。 
描述 ， 把 x 截取 在 [0, 1] 范 围 内 ， 如 果 x 是 一 个 矢量 ， 那 么 会 对 它 的 每 一 个 分 量 进 行 这 样 的 操作 。 


6.4.1 实践: 逐 项 点 光照 


我 们 首先 来 看 如 何 实现 一 个 逐 顶 点 的 漫 反射 光照 效果 。 在 学 习 完 本 节 后 ， 我 们 会 得 到 类 似 
图 6.6 中 的 效果 。 

为 此 ， 我 们 进行 如 下 准备 工作 。 

(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_6_4。 在 Unity 5.2 中 ， 默 
认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 Window -> 
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Lighting -> Skybox 中 去 掉 场 景 中 的 天 空 盒子 。 

(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 DiffuseVertexLevelMat。 

(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 , 该 Shader 
名 为 Chapter6-DiffuseVertexLevel。 把 新 的 Shader 赋 给 
第 2 步 中 创建 的 材质 。 

(4) 在 场景 中 创建 一 个 胶 宫 体 ， 并 把 第 2 步 中 的 材 
质 赋 给 该 胶 宫 体 。 

(5) 保存 场景 。 

下 面 , 我 们 需要 编写 自己 的 Shader 来 实现 一 个 逐 顶 
点 的 漫 反射 效果 。 打 开 第 3 步 中 创建 的 Unity Shader， 
删除 所 有 已 有 代码 ， 并 进行 如 下 修改 。 。 

(1) 首先 ， 我 们 需要 为 这 个 Shader 起 一 个 名 字 : 
| Shader "Unity Shaders Book/Chapter 6/Diffuse Vertex-Level"™" { 

(2) 为 了 得 到 并 且 控 制 材质 的 漫 反射 颜色 ， 我 们 首先 在 Shader 的 Properties 语义 块 中 声明 了 
一 个 Color 类 型 的 属性 ， 并 把 它 的 初始 值 设 为 白色 : 


| Properties { 


入 | 


6.6 ” 逐 顶 点 的 漫 反射 光照 效果 


-DiftfuSse (Difttuse COLOR) En Lyd L) 
} 


(3) 然后 ,我们 在 SubShader 语义 块 中 定义 了 一 个 Pass 语义 块 。 这 是 因为 顶点 / 片 元 着 色 器 的 
代码 需要 写 在 Pass 语义 块 ， 而 非 SubShader 语义 块 中 。 而且 , 我 们 在 Pass 的 第 一 行 指 明了 该 Pass 
的 光照 模式 : 


| SubShader { 


Pass { 
Tags { "LightMode"="ForwardBase" 


LightMode 标签 是 Pass 标签 中 的 一 种 ， 它 用 于 定义 该 Pass 在 Unity 的 光照 流水 线 中 的 角色 ， 
在 第 9 章 中 我 们 会 更 加 详细 地 解释 它 。 在 这 里 ， 我 们 只 需要 知道 ， 只 有 定义 了 正确 的 LightMode， 
我 们 才能 得 到 一 些 Unity 的 内 置 光照 变量 ， 例 如 下 面 要 讲 到 的 _LightColor0。 

(4) 然后 ， 我 们 使 用 CGPROGRAM 和 ENDCG 来 包围 CG 代码 片 ， 以 定义 最 重要 的 顶点 着 色 
器 和 片 元 着 色 器 代码 。 首 先 ， 我 们 使 用 #pragma 指令 来 告诉 Unity， 我 们 定义 的 顶点 着 色 器 和 片 元 
着 色 器 叫 什么 名 字 。 在 本 例 中 ， 它 们 的 名 字 分 别 是 vert 和 frag: 


] CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


(5) 为 了 使 用 Unity 内 置 的 一 些 变量 ， 如 后 面 要 讲 到 的 _LightColor0， 还 需要 包含 进 Unity 的 
内 置 文件 Lighting.cginc: 
| #include "Lighting.cginc" 

(6) 为 了 在 Shader 中 使 用 Properties 语义 块 中 声明 的 属性 ， 我 们 需要 定义 一 个 和 该 属性 类 型 
相 匹 配 的 变量 ; 
| fixed4 Diffuse; 

通过 这 样 的 方式 ， 我 们 就 可 以 得 到 漫 反射 公式 中 需要 的 参数 之 材质 的 漫 反 射 属性 。 由 
于 颜色 属性 的 范围 在 0 到 1 之 间 ， 因 此 我 们 可 以 使 用 fixed 精度 的 变量 来 存储 它 。 
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(7) 然后 ， 我 们 定义 了 顶点 着 色 器 的 输入 和 输出 结构 体 〈“ 输 出 结构 体 同 时 也 是 片 元 着 色 器 的 
输入 结构 体 ): 


struct a2v { 
float4 vertex : POSITION; 
float3 normal : NORMAL; 


}; 


struct v2f { 
float4 pos : SV POSITION: 
. fixed3. :color : COLOR:; 
为 了 访问 顶点 的 法 线 ， 我 们 需要 在 a2v 中 定义 一 个 normal 变量 ， 并 通过 使 用 NORMAL 语义 
来 告诉 Unity 要 把 模型 顶点 的 法 线 信息 存储 到 normal 变量 中 。 为 了 把 在 顶点 着 色 器 中 计算 得 到 的 
光照 颜色 传递 给 片 元 着 色 器 ， 我 们 需要 在 v2f 中 定义 一 个 color 变量 ， 且 并 不 是 必须 使 用 COLOR 
语义 ， 一 些 资料 中 会 使 用 TEXCOORD0 语义 。 
(8) 接 下 来 是 关键 的 顶点 着 色 器 。 由 于 本 小 节 关 注 如 何 实现 一 个 逐 顶 点 的 漫 反 射 光 照 ， 
漫 反射 部 分 的 计算 都 将 在 顶点 着 色 器 中 进行 : 


v2f vert(a2v V) { 
ZE 所 区 
// Transform the vertex from object space to projection space 
orpos mul (UNITY MATRIX MVP, Vv.vertex); 


此 


团 


// Get ambient term 
fixed3 ambient = UNITY~”LIGHTMODEL AMBIENT .XYZ7 


// Transform the normal framsobjéct space to world space 

fixed3 worldNormal = normalize'(mul (v.normal, (float3x3) World20bject)); 

// Get the light direction in World space 

fixed3 worldLight =,normalize( WorldSpaceLightPos0.xyz); 

// Compute diffuse teérm 

fixed3 diffuse = LightCol}or0.rgb * Diffuse.rgb * saturate (dot (worldNormal, 
worldLight)); 


oO.color = ambient + diffuse; 


return o; 


} 


在 第 一 行 ， 我们 首先 定义 了 返回 值 o。 我 们 已 经 重复 过 很 多 次 ， 顶 点 着 色 器 最 基本 的 任务 就 
是 把 顶点 位 置 从 模型 空间 转换 到 裁剪 空间 中 ， 因 此 我 们 需要 使 用 Unity 内 置 的 模型 * 世 界 * 投 影 
阵 UNITY_MATRIX_MVP 来 完成 这 样 的 坐标 变换 。 接 下 来 ， 我 们 通过 Unity 的 内 置 变量 
UNITY_LIGHTMODEL_AMBIENT 得 到 了 环境 光 部 分 。 

然后 ， 就 是 真正 计算 漫 反 射 光 照 的 部 分 。 回 忆 一 下 ， 为 了 计算 漫 反 射 光 照 我 们 需要 知道 4 个 
参数 。 在 前 面 的 步骤 中 ,我 们 已 经 知道 了 材质 的 漫 反 射 颜 色 _Diffuse 以 及 顶点 法 线 v.normal。 我 们 
还 需要 知道 光源 的 颜色 和 强度 信息 以 及 光源 方向 。Unity 提供 给 我 们 一 个 内 置 变量 _LightColor0 来 
访问 该 Pass 处 理 的 光源 的 颜色 和 强度 信息 〈 注 意 ， 想 要 得 到 正确 的 值 需要 定义 合适 的 LightMode 
标签 )， 而 光源 方向 可 以 由 _WorldSpaceLightPos0 来 得 到 。 需 要 注意 的 是 ， 这 里 对 光源 方向 的 计算 
并 不 具有 通用 性 。 在 本 节 中 ， 我 们 假设 场景 中 只 有 一 个 光源 且 该 光源 的 类 型 是 平行 光 。 但 如 果 场 
景 中 有 多 个 光源 并 且 类 型 可 能 是 点 光源 等 其 他 类 型 ， 直 接 使 用 _WorldSpaceLightPos0 就 不 能 得 到 
正确 的 结果 。 我 们 将 在 6.6 节 中 学 习 如 何 使 用 内 置 函 数 来 处 理 更 复杂 的 光源 类 型 。 
在 计算 法 线 和 光源 方向 之 间 的 点 积 时 ， 我 们 需要 选择 它们 所 在 的 坐标 系 ， 只 有 两 者 处 于 同一 
坐标 空间 下 ， 它 们 的 点 积 才 有 意义 。 在 这 里 ， 我 们 选择 了 世界 坐标 空间 。 而 由 a2v 得 到 的 顶点 法 
线 是 位 于 模型 空间 下 的 ， 因 此 我 们 首先 需要 把 法 线 转 换 到 世界 空间 中 。 在 4.7 节 中 ， 我 们 已 经 知 
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道 可 以 使 用 顶点 变换 矩阵 的 逆转 置 矩 阵 对 法 线 进 行 相同 的 变换 ， 因 此 我 们 首先 得 到 模型 空间 到 世 


界 空间 的 变换 矩阵 的 逆 窍 阵 _World2Object， 然 后 通过 调换 它 在 mul 函数 中 的 位 置 ， 得 到 和 转 置 矩 
阵 相同 的 矩阵 乘法 。 由 于 法 线 是 一 个 三 维 矢量,， 因 此 我 们 只 需要 截取 _World2Object 的 前 三 行 前 三 
列 即 可 。 

在 得 到 了 世界 空间 中 的 法 线 和 光源 方向 后 ， 我 们 需要 对 它们 进行 归 一 化 操作 。 在 得 到 它们 点 


积 的 结果 后 , 我 们 需要 防止 这 个 结果 为 负 值 。 为 此 ,我 们 使 用 了 saturate 函数 。saturate 函数 是 CG 
提供 的 一 种 函数 ， 它 的 作用 是 可 以 把 参数 截取 到 [0, 1] 的 范围 内 。 最 后 ， 再 与 光源 的 颜色 和 强度 以 
及 材质 的 漫 反 射 颜色 相 乘 即 可 得 到 最 终 的 漫 反 射 光 照 部 分 。 
最 后 ， 我 们 对 环境 光 和 漫 反射 光 部 分 相 加 ， 得 到 最 终 的 光照 结果 。 
(9) 由 于 所 有 的 计算 在 顶点 着 色 器 中 都 已 经 完成 了 ， 因 此 片 元 着 色 器 的 代码 很 简单 ， 我 们 只 
需要 直接 把 顶点 颜色 输出 即 可 : 


fixed4 frag(v2f i) : SV _ Target { 
return fixed4 (i.color, 1.0); 


mf 


} 


(10) 最 后 ， 我 们 需要 把 这 个 Unity Shader 的 回调 shader 设置 为 内 置 的 Diffuse: 
| Fallback "Diffuse" 

至 此 ， 我 们 已 经 详细 解释 了 逐 顶 点 的 漫 反射 光照 的 实现 。 对 于 细 分 程度 较 高 的 模型 ， 逐 顶点 
光照 已 经 可 以 得 到 比较 好 的 光照 效果 了 。 但 对 于 一 些 细 分 程度 较 低 的 模型 ， 逐 顶点 光照 就 会 出 现 
一 些 视觉 问题 ， 例 如 我 们 可 以 在 图 6.6 中 看 到 在 胶 圳 体 的 背光 面 与 向 光 面 交界 处 有 一 些 饮 齿 。 为 
了 解决 这 些 问题 ， 我 们 可 以 使 用 逐 像 素 的 漫 反 射 光 照 。 
6.4.2 ”实践 : 逐 像素 光照 

我 们 只 需要 对 Shader 进行 一 些 更 改 就 可 以 实现 逐 像素 的 漫 反 射 效 果 ， 如 图 6.7 所 示 。 


€ Came 4 


网 


6.7 ” 逐 像素 的 漫 反射 光照 效果 


为 此 ， 我 们 进行 如 下 准备 工作 。 

(1) 使 用 6.4.1 节 中 使 用 的 场景 。 

(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 DiffusePixelLevelMat。 

(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ,该 Shader 名 为 Chapter6-DiffusePixelLevel。 把 
的 Shader 赋 给 第 2 步 中 创建 的 材质 。 

(4) 把 第 2 步 中 创建 的 材质 赋 给 胶 圳 体 。 
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Chapter6-DiffusePixelLevel 的 代码 和 6.4.1 小 节 中 的 非常 相似 ， 因 此 我 们 首先 把 6.4.1 节 中 的 
代码 直接 粘贴 到 Chapter6-DiffusePixelLevel 中 ， 并 进行 如 下 修改 。 
(1) 修改 顶点 着 色 器 的 输出 结构 体 v2f: 


Struct :Yet 
float4 pos : SV_POSITION; 
float3 worldNormal : TEXCOORDO; 


}; 
(2) 顶点 着 色 器 不 需要 计算 光照 模型 ， 只 需要 把 世界 空间 下 的 法 线 传 递 给 片 元 着 色 器 即 可 : 


v2f vert(a2v v) { 
V2f ©% 
// Transform the vertex from object space to projection space 
SROS = mul (UNITY MATRIX MVP, Vv.vertex); 


// Transform the normal fram object space to world space 
Oo.worldNormal = mull(v.normal, (float3x3) World20bject); 


return oO 


} 
(3) 片 元 着 色 器 需要 计算 漫 反射 光照 模型 : 
fixed4 frag(v2f i) : SV _ Target { 


// Get ambient term 
fixed3 ambient = UNITY LIGHTMODEL AMBIENT .XYZ7 


// Get the normal in world.space 

fixed3 worldNormal = normalizeé\(i .worldNormal); 

// Get the light directionCin world space 

fixed3 worldLightDir = normaljze( WorldSpaceLightPos0.xyz); 


// Compute diffuse térm 
fixed3 diffuse = LightColor0O rgb * Diffuse.rgb * saturate(dot (worldNormal, 
worldLightDir)); 


fixed3 color = ambient + diffuse; 


return fixed4 (color, 1.0); 


} 


上 面 的 计算 过 程 和 6.4.1 节 完 全 相同 ， 这 里 不 再 次 述 

逐 像素 光照 可 以 得 到 更 加 平滑 的 光照 效果 。 但 是 ， 即 便 使 用 了 逐 像素 漫 反射 光照 ， 有 一 个 问 
题 仍然 存在 。 在 光照 无 法 到 达 的 区 域 ， 模 型 的 外 观 通 常 是 全 黑 的 ， 没 有 任何 明暗 变化 ， 这 会 使 模 
型 的 背光 区 域 看 起 来 就 像 一 个 平面 一 样 ， 失 去 了 模型 细节 表现 。 实 际 上 我 们 可 以 通过 添加 环境 光 
来 得 到 非 全 黑 的 效果 ， 但 即便 这 样 仍然 无 法 解决 背光 面 明暗 一 样 的 缺点 。 为 此 ， 有 一 种 改善 技术 
被 提出 来 ， 这 就 是 半 兰 伯 特 (Half Lambert) 光照 模型 。 


6.4.3” 半 兰 伯 特 模型 


在 6.4.1 小 节 中 , 我 们 使 用 的 漫 反射 光照 模型 也 被 称 为 兰 伯 特 光照 模型 ,因为 它 符合 兰 伯 特 定 
在 平面 某 点 漫 反 射 光 的 光 强 与 该 反射 点 的 法 向 量 和 入 射 光 角度 的 余弦 值 成 正比 。 为 了 改善 
6.4.2 小 节 最 后 提出 的 问题 ，Valve 公司 在 开发 游戏 《 半 条 命 》 时 提出 了 一 种 技术 ， 由 于 该 技术 是 
在 原 兰 伯 特 光照 模型 的 基础 上 进行 了 一 个 简单 的 修改 ， 因 此 被 称 为 半 兰 伯 特 光照 模型 。 
广义 的 半 兰 伯 特 光照 模型 的 公式 如 下 : 
Cuijinse=(ciishr Mairuse)( 0 ( .I )+p) 
可 以 看 出 ， 与 原 兰 伯 特 模型 相 比 ， 半 兰 伯 特 光照 模型 没有 使 用 max 操作 来 防止 全 和 工 的 点 积 
为 负 值 ， 而 是 对 其 结果 进行 了 一 个 ga 倍 的 缩放 再 加 上 一 个 8 大 小 的 偏 移 。 绝 大 多 数 情 况 下 ，a 和 Bp 


o 


律 
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的 值 均 为 0.5， 即 公式 为 : 
Caipise=( cnsir Maiffuse) (0.5(. 1 )+0.5) 

通过 这 样 的 方式 ， 我 们 可 以 把 .I 的 结果 范围 从 [1, 1] 映 射 到 [0, 1] 范 围 内 。 也 就 是 说 ， 对 于 
模型 的 背光 面 ， 在 原 兰 伯 特 光照 模型 中 点 积 结果 将 映射 到 同一 个 值 ， 即 0 值 处 ， 而 在 半 兰 伯 特 模 
型 中 ， 背 光 面 也 可 以 有 明暗 变化 ， 不 同 的 点 积 结果 会 映射 到 不 同 的 值 上 。 

需要 注意 的 是 ， 半 兰 伯 特 是 没有 任何 物理 依据 的 ， 它 仅仅 是 一 个 视觉 加 强 技 术 。 

对 6.4.2 小 节 中 得 到 的 代码 做 一 些 修 改 就 可 以 实现 半 兰 伯 特 漫 反射 光照 效果 。 

(1) 仍然 使 用 6.4.1 小 节 中 使 用 的 场景 。 

(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 HalfLambertMat。 

(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter6-HalfLambert。 把 新 的 
Shader 赋 给 第 2 步 中 创建 的 材质 。 

(4) 把 第 2 步 中 创建 的 材质 赋 给 胶囊 体 。 

打开 Chapter6-HalfLambert, 删除 已 有 的 Shader 代码 ,把 6.4.2 小 节 的 Chapter6-DiffusePixelLevel 
代码 粘贴 进去 ， 并 使 用 半 兰 伯 特 公式 修改 片 元 着 色 器 中 计算 漫 反 射 光 照 的 部 分 : 


fixed4 frag(v2f i) : SV _ Target { 


// Compute diffuse term 
fixed halfLambert = dot (worldNormal, worldLightDir) * 0.5 + 0.5; 
fixed3 diffuse = LightColor0.rgb * Diffuse.rgb * halfLambert; 


fixed3 color = ambient + diffuse; 


return fixed4 (color, 1.0); 


} 


在 上 面 的 代码 中 ， 我 们 使 用 半 兰 伯 特 模型 代替 了 原 有 的 兰 伯 特 模型 。 图 6.8 给 出 了 逐 顶 点 漫 
反射 光照 、 逐 像素 漫 反 射 光 照 和 半 兰 伯 特 光照 的 对 比 效 果 。 


€ Game | | 
上 0x4 -| 


4 图 6.8” 逐 顶点 漫 反射 光照 、 逐 像素 漫 反射 光照 、 半 兰 伯 特 光 照 的 对 比 效果 


有 在 Unityshader 中 实现 高 光 反射 光照 模型 


在 6.2.4 节 中 ， 我 们 给 出 了 基本 光照 模型 中 高 光 反 射 部 分 的 计算 公式 : 
Cspecular=( Clighrt Mspecular Max (0， r ) es 
从 公式 可 以 看 出 ， A ea A 
高 光 反 射 系数 mweuuur， 视 角 方 向 以 及 反射 方向 。 其 中 ， 反 射 方 向 r 可 以 由 表面 法 线 全 和 光源 
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方向 和 计算 而 得 : 


工 =2( 企 . 全 ) 人 一 全 
上 述 公式 很 简单 ， 更 幸运 的 是 ，CG 提供 了 计算 反射 方向 的 
函数 reflect。 , 
国 数 : reflect(i, n) 
参数 : i, 入 射 方向 ; n, 法 线 方向 。 可 以 是 float、 float2、 float3 
描述 : 当 给 定 入 射 方向 i 和 法 线 方向 n 时 ，reflect 函数 可 以 
返回 反射 方向 。 图 6.9 给 出 了 参数 和 返回 值 之 间 的 关系 。 


4 图 6.9 C6 的 reflect 函数 


I 


6.5.1 实践 : 逐 项 点 光照 


我 们 首先 来 看 如 何 实现 一 个 逐 顶 点 的 高 光 反 射 光 照 效果 。 在 学 习 完 本 节 后 ， 我 们 会 得 到 类 似 
图 6.10 中 的 效果 。 

我 们 需要 进行 如 下 准备 工作 。 

(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资 源 中 ， 该 场景 名 为 Scene_6 5。 在 Unity 5.2 中 ， 默 
认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， oe 
并 且 使 用 了 内 置 的 天 空 盒子 。 在 Window -> “国生 
Lighting -> Skybox 中 去 掉 场景 中 的 天 空 盒 

(2) 新 建 一 个 材质 。 在 本 慎 资 党 源 中 该 材质 
名 为 SpecularVertexLevelMat。 

(3) 新 建 一 个 Unity Shader& 在 本 书 资 源 中 ， 
该 Shader 名 为 Chapter6-SpeeularVertexLevel。 把 
新 的 Shader 赋 给 第 2 步 中 创建 的 材质 。 

(4) 在 场景 中 创建 一 个 胶 宫 体 ， 并 把 第 2 步 
中 的 材质 赋 给 该 胶 圳 体 。 

(5) 保存 场景 。 

下 面 ,我 们 需要 编写 自己 的 Shader 来 实现 一 个 逐 顶 点 的 高 光 反 射 效果 。 打 开 第 3 步 中 创建 的 
Chapter6-SpecularVertexLevel， 删 除 所 有 已 有 代码 ， 并 进行 如 下 修改 。 

(1) 首先 ， 我 们 需要 为 这 个 Shader 起 一 个 名 字 : 
| Shader "Unity Shaders Book/Chapter 6/Specular Vertex-Level™" { 

(2) 为 了 在 材质 面板 中 能 够 方便 地 控制 高 光 反 射 属性 ， 我 们 在 Shader 的 Properties 语义 块 中 
声明 了 三 个 属性 ; 


Properties { 


4 图 6.10 ” 逐 顶 点 的 高 光 反 射 光照 效果 


DiffusSe ("Diffuse"s COLOF) FE:(1? Ty 了) 
‘Specular "(VSpecular™, "Color): =, "(ly Ly .dy 1) 
_Gloss ("Gloss", Range (8.0, 256)) = 20 


} 

其 中 , 新 添加 的 _Specular 用 于 控制 材质 的 高 光 反 射 颜色 , 而 _Gloss 用 于 控制 高 光 区 域 的 大 小 。 

(3) 然后 , 我 们 在 SubShader 语义 块 中 定义 了 一 个 Pass 语义 块 。 这 是 因为 顶点 / 片 元 着 色 器 的 
代码 需要 写 在 Pass 语义 块 , 而 非 SubShader 语义 块 中 。 而 且 , 我们 在 Pass 的 第 一 行 指明 了 该 Pass 
的 光照 模式 : 


SubShader { 
Pass { 
Tags { "LightMode"="ForwardBase" } 
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6.5 在 Unity Shader 中 实现 高 光 反 射 光 照 模型 


LightMode 标签 是 Pass 标签 中 的 一 种 ， 它 用 于 定义 该 Pass 在 Unity 的 光照 流水 线 中 的 角色 ， 


在 第 9 
我 们 才 
(4 


章 中 我 们 会 更 加 详细 地 解释 它 。 在 这 里 ， 我 们 只 需要 知道 ， 只 有 定义 了 正确 的 LightMode， 
能 得 到 一 些 Unity 的 内 置 光照 变量 ， 例 如 _LightColor0。 
) 然后 ,我 们 使 用 CGPROGRAM 和 ENDCG 来 包围 CG 代码 片 ， 以 定义 最 重要 的 顶点 着 色 


H 


J 


器 和 片 元 着 色 器 代码 。 首 先 ， 我 们 使 用 #pragma 指令 来 告诉 Unity， 我 们 定义 的 顶点 着 色 器 和 片 元 


着 色 器 


叫 什么 名 字 。 在 本 例 中 ， 它 们 的 名 字 分 别 是 vert 和 frag: 


CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


(5 


TT 


) 为 了 使 用 Unity 内 置 的 一 些 变 量 ， 如 _LightColor0， 还 需要 包含 进 Unity 的 内 置 文 伯 


Lighting.cginc: 


| #include "Lighting.cginc" 


(6 


匹配 的 变量 : 


fixed4 Diffuse; 
ixed4 Specular; 
loat Gloss; 


于 颜色 属性 的 范围 在 0 到 1 之 间 ， 因 此 对 于 _Diffuse 和 _Specular 属性 我 们 可 以 使 用 fixed 


mh mh 


由 


) 为 了 在 Shader 中 使 用 Properties 语义 块 中 声明 的 属性 ， 我 们 需要 定义 和 这 些 属性 类 型 相 


精度 的 变量 来 存储 它 。 而 _Gloss 的 范围 很 大 ， 因 此 我 们 使 用 float 精度 来 存储 。 


(7) 然后 ， 我 们 定义 了 顶点 着 色 器 的 输入 和 输出 结构 体 〔 输 出 结构 体 同时 也 是 片 元 着 色 器 的 
输入 结构 体 ): 


Struct a2vy +{ 


}; 


float4 vertex : POSITION; 
float3 normal : NORMAL; 


struct v2f { 


}; 
(8 


v2f 


float4 pos : SV_POSITION; 
fixed3 color : COLOR; 


) 在 顶点 着 色 器 中 ， 我 们 计算 了 包含 高 光 反 射 的 光照 模型 : 


Vert (a2V V) { 

2 

// Transform the vertex from object space to projection space 
opos 二 mul (UNITY MATRIX MVP, Vv.vertex); 


// Get ambient term 
fixed3 ambient = UNITY LIGHTMODEL AMBIENT .XYZ7 


// Transform the normal fram object space to world space 

fixed3 worldNormal = normalize (mul (v.normal, (float3x3) World20bject)); 
// Get the light direction in world space 

fixed3 worldLightDir = normalize( WorldSpaceLightPos0.xyz); 


// Compute diffuse term 
fixed3 diffuse= LightColor0.rgb* Diffuse.rgb* saturate (dot (worldNormal, worldLightDir)); 


// Get the reflect direction in world space 
fixed3 reflectDir = normalize (reflect (~-worldLightDir, worldNormal)); 
// Get the view direction in world space 
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fixed3 viewDir = normalize( WorldSpaceCameraPos.xyz - mul( Object2World, v.vertex) .XYZ) 


// Compute specular term 
fixed3 specular = LightColor0.rgb * Specular.rgb * pow(saturate (got (reflectDir, viewDir)), Gloss); 


Oo.color = ambient + diffuse + specular; 


return o; 


} 

其 中 漫 反 射 部 分 的 计算 和 6.4 节 中 的 代码 完全 一 致 。 对 于 高 光 反 射 部 分 ， 我 们 首先 计算 了 入 
射 光线 方向 关于 表面 法 线 的 反射 方向 reflectDir。 由 于 CG 的 reflect 函数 的 入 射 方向 要 求 是 由 光源 
指向 交点 处 的 ， 因 此 我 们 需要 对 worldLightDir 取 反 后 再 传 给 reflect 函数 。 然 后 ， 我 们 通过 
_WorldSpaceCameraPos 得 到 了 世界 空间 中 的 摄像 机 位 置 ， 再 把 顶点 位 置 从 模型 空间 变换 到 世界 空 
间 下 ， 再 通过 和 _WorldSpaceCameraPos 相 减 即 可 得 到 世界 空间 下 的 视角 方 

由 此 ， 我 们 已 经 得 到 了 所 有 的 4 个 参数 ， 代 入 公式 即 可 得 到 高 光 反 射 的 光照 部 分 。 最 后 ， 再 
和 环境 光 、 漫 反射 光 相 加 存储 到 最 后 的 颜色 中 。 

(9) 片 元 着 色 器 的 代码 非常 简单 ， 我 们 只 需要 直接 返回 顶点 颜色 即 可 ; 


fixed4 frag(v2f i) : SV _ Target { 
return fixed4 (i.color, 1.0); 


ely 


a 


2 


} 
(10) 最 后 ， 我 们 需要 把 这 个 Unity Shader 的 回调 Shader 设置 为 内 置 的 Specular: 


| Fallback "Specular" 


使 用 逐 顶点 的 方法 得 到 的 高 光 效 果 有 比较 大 的 问题 , 我 们 可 以 在 图 6.10 中 看 出 高 光 部 分 明显 
不 平滑 。 这 主要 是 因为 ， 高 光 反 射 部 分 的 计算 是 非 线性 的 ， 而 在 顶点 着 色 器 中 计算 光照 再 进行 插 
值 的 过 程 是 线性 的 ， 破 坏 了 原 计算 的 非 线性 关系 ， 就 会 出 现 较 大 的 视觉 问题 。 因 此 ， 我 们 就 需要 
使 用 逐 像素 的 方法 来 计算 高 光 反 射 。 


6.5.2 ”实践 : 逐 像 素 光 照 


我 们 可 以 使 用 逐 像素 光照 来 得 到 更 加 平滑 的 ”2 一 | 
高 光 效 果 ， 如 图 6.11 所 示 。 
首先 ， 我 们 需要 进行 如 下 准备 工作 。 

(1) 使 用 和 6.5.1 小 节 同 样 的 场景 。 

(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 
为 SpecularPixelLevelMat。 

(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 
该 Shader 名 为 Chapter6-SpecularPixelLevel。 把 新 的 
Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 把 第 2 步 中 创建 的 材质 赋 给 胶 赛 体 。 4 图 6.11 逐 像素 的 高 光 反 射 光照 效果 
打开 Chapter6-SpecularPixelLevel， 删除 已 有 的 

Shader 代码 ， 把 上 6.5.1 节 中 的 代码 粘贴 进去 ， 并 对 顶点 着 色 器 和 片 元 着 色 器 进行 如 下 修改 。 
(1) 修改 顶点 着 色 器 的 输出 结构 体 v2f: 


Ta 
float4 pos : SV_POSITION; 
float3 worldNormal : TEXCOORDO; 
float3 worldPos : TEXCOORD]1; 
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(2 
即 可 : 


v2f 


(3 


) 顶点 着 色 器 只 需要 计算 世界 空间 下 的 法 线 方向 和 顶点 坐标 ， 并 把 它们 传递 给 片 元 着 色 器 


Vert (a2V V) { 

VF GO 

// Transform the vertex from object space to projection space 
ss mul (UNITY MATRIX MVP, Vv.vertex); 


// Transform the normal fram object space to world space 
Oo.worldNormal = mull(v.normal, (float3x3) World20bject); 
// Transform the vertex from object space to world space 
Oo.worldPos = mul( Object2World, v.vertex) .xyz; 


return o; 


) 片 元 着 色 器 需要 计算 关键 的 光照 模型 : 


fixed4 frag(v2f i) : SV Target { 


上 
可 


6.5.3 


在 
到 了 男 一 
而 是 引 


而 


// Get ambient term 
fixed3 ambient = UNITY LIGHTMODEL AMBIENT .XYZ7 


fixed3 worldNormal = normalize (i.worldNormal); 
fixed3 worldLightDir = normalize( WorldSpaceLightPos0.xyz); 


// Compute diffuse term 
fixed3 diffuse = LightColor0.rgb * Diffuse.rgb * saturate (dot (worldNormal, worldLightDir)); 


// Get the reflect direction in world space 

fixed3 reflectDir = normalize (reflect (~-worldLightDir, worldNormal)); 

// Get the view direction in world space 

fixed3 viewDir = normalize( WorldSpaceCameraPos.xyz - i.worldPos.xyz); 

// Compute specular term 

fixed3 specular = LightColor0.rgb* Specular.rgb * pow (saturate (dot (reflectDir, viewDir)), Gloss); 


return fixed4 (ambient + diffuse + specular, 1.0); 


看 的 代码 和 6.5.1 节 中 的 基本 相同 ， 在 此 不 再 鳌 述 。 
以 看 出 ， 按 逐 像素 的 方式 处 理光 照 可 以 得 到 更 加 平滑 的 高 光 效 果 。 至 此 ， 我 们 就 实现 了 一 
的 Phong 光照 模型 。 


Blinn-Phong 光照 模型 


6.5.2 小 节 中 ， 我 们 给 出 了 Phong 光照 模型 在 Unity 中 的 实现 ， 而 在 6.2.4 节 中 ， 我 们 还 提 
人 一 一 Blinn 光照 模型 。 回 忆 一 下 ，Blinn 模型 没有 使 用 反射 方向 ， 
入 一 个 新 的 矢量 让， 它 是 通过 对 视角 方向 $ 和 光照 方向 和 相 加 后 再 归 一 化 得 到 的 。 即 


je 


I 


信 寺 全 
i 


Blinn 模型 计算 高 光 反 射 的 公式 如 下 : 


人 
Cspecular=(Clight Mspecuar Max(0, 了 fi ) gloss 


Blinn-Phong 模型 的 实现 和 6.5.2 节 中 的 代码 很 类 似 。 为 此 。 


(1 
(2 
(3 


) 仍然 使 用 和 6.5.2 节 同 样 的 场景 。 
) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 BlinnPhongMat。 
) 新 建 一 个 Unity Shader。 在 本 书 资 源 中 ， 该 Shader 名 为 Chapter6-BlinnPhong。 把 新 的 


Ru 
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Shader 赋 给 第 2 步 中 创建 的 材质 。 

(4) 把 第 2 步 中 创建 的 材质 赋 给 胶结 体 。 

打开 Chapter6-BlinnPhong， 删 除 已 有 的 Shader 代码 ， 并 把 6.5.2 节 中 的 Chapter6-Specular 
PixelLevel 代码 直接 粘贴 进去 。 我 们 只 需要 修改 片 元 着 色 器 中 对 高 光 反 射 部 分 的 计算 代码 : 


fixed4 frag(v2f i) : SV _ Target { 


// Get the view direction in world space 

fixed3 viewDir = normalize( WorldSpaceCameraPos.xyz - i.worldPos.xyz); 

// Get the half direction in world space 

fixed3 halfDir = normalize (worldLightDir + viewDir); 

// Compute specular term 

fixed3 specular = LightColor0.rgb * Specular.rgb * Pow (max(0，qot (worlgdNormal, halfDir)), Gloss); 


return fixed4(ambient + diffuse + specular, 1.0); 


图 6.12 给 出 了 逐 顶 点 的 高 光 反 射 光 照 、 逐 像素 的 高 光 反 射 光 照 (Phong 模型 ) 和 Blinn-Phong 
高 光 反 射 光 照 的 对 比 结 


€ Game [ 
600x400 


| Maximize on Play | Mute audio | Stats | Gizmos |7 | 


4 图 6.12 ” 逐 顶 点 的 高 光 反 射 光 照 、 逐 像素 的 高 光 反 射 光 照 ( Phong 光照 模型 ) 
和 和 Blinn-Phong 高 光 反 射 光 照 的 对 比 结果 


可 以 看 出 ，Blinn-Phong 光照 模型 的 高 光 反 射 部 分 看 起 来 更 大 、 更 亮 一 些 。 在 实际 演 染 中 ， 绝 
大 多 数 情况 我 们 都 会 选择 Blinn-Phong 光照 模型 。 需 要 再 次 提醒 的 是 ， 这 两 种 光照 模型 都 是 经 验 
模型 ， 也 就 是 说 ， 我 们 不 应 该 认为 Blinn-Phong 模型 是 对 “正确 的 ”Phong 模型 的 近似 。 实 际 上 ， 
在 一 些 情况 下 ( 详 见 第 18 章 * 基 于 物理 的 泻 染 )，Blinn-Phong 模型 更 符合 实验 结果 。 


中 召唤 神龙 ， 使 用 Unity 内 置 的 函数 


读者 可 以 发 现 ， 在 计算 光照 模型 的 时 候 ， 我 们 往往 需要 得 到 光源 方向 、 视 角 方向 这 两 个 基本 
信息 。 在 上 面 的 例子 中 ， 我 们 都 是 自行 在 代码 里 计算 的 ， 例 如 使 用 normalize(_WorldSpace 
LightPos0.xyz) 来 得 到 光源 方向 〈 这 种 方法 实际 只 适用 于 平行 光 )， 使 用 normalize(_WorldSpace 
CameraPos.xyz - i.wWworldPosition.xyz) 来 得 到 视角 方向 。 但 如 果 需 要 处 理 更 复杂 的 光照 类 型 ， 如 点 光 
源 和 聚光灯 ， 我 们 计算 光源 方向 的 方法 就 是 错误 的 。 这 需要 我 们 在 代码 中 先 判断 光源 类 型 ， 再 计 
算 它 的 光源 信息 。 有 具体 方法 会 在 9.2 节 中 讲 到 。 

手动 计算 这 些 光 源 信息 的 过 程 相对 比较 麻烦 (但 并 不 意味 着 你 不 需要 了 解 它们 的 原理 )。 幸运 
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的 是 ，Unity 提供 了 一 些 内 置 函数 来 帮助 我 们 计算 这 些 信 息 。 在 5.3.1 
UnityCG.cginc 里 一 些 非 常 有 用 的 帮助 函数 。 这 里 ， 我 们 再 次 回顾 一 下 它们 。 
照 模 型 时 ， 我 们 常常 使 用 的 一 些 内 置 函 数 。 


表 6.1 UnityCG.cginc 中 一 些 常用 的 帮助 函数 
函数 名 描 述 


节 中 ， 我 们 给 出 了 
表 6.1 给 出 了 计算 光 


float3 WorldSpaceViewDir (float4 v) 


方向 。 内 部 实现 使 用 了 UnityWorldSpaceViewDir 函 


输入 一 个 模型 空间 中 的 顶点 位 置 , 返回 世界 空间 中 从 该 点 到 摄像 机 的 观察 


函数 


float3 UnityWorldSpaceViewDir (float4 v) 


方 应 


输入 一 个 世界 空间 中 的 顶点 位 置 , 返回 世界 空间 中 从 该 点 到 摄像 机 的 观察 


float3 ObjSpaceViewDir (float4 v) 


方 应 


输入 一 个 模型 空间 中 的 顶点 位 置 , 返回 模型 空间 中 从 该 点 到 摄像 机 的 观察 


数 。 没 有 被 归 一 化 


仅 可 用 于 前 向 泻 染 中 。 输入 一 个 模型 空间 中 的 顶点 位 置 , 返回 世界 空间 中 
float3 WorldSpaceLightDir (float4 v) 从 该 点 到 光源 的 光照 方向 。 内 部 实现 使 用 了 UnityWorldSpaceLightDir 函 


float3 UnityWorldSpaceLightDir (float4 v) 


从 该 点 到 光源 的 光照 方向 。 没 有 被 归 一 化 


仅 可 用 于 前 向 泻 染 中 。 输入 一 个 世界 空间 中 的 顶点 位 置 , 返回 世界 空间 中 


float3 ObjSpaceLightDir (float4 v) 


从 该 点 到 光源 的 光照 方向 。 没 有 被 归 一 化 


仅 可 用 于 前 向 泻 染 中 。 输 入 一 个 模型 空间 中 的 顶点 位 置 , 返回 模型 空间 


Ee 


float3 UnityObjectToWorldNormal (float3 


把 法 线 方向 从 模型 空间 转换 到 世界 空间 中 


norm) 
float3 UnityObjectToWorldDir (in float3 dir) | 把 方向 矢量 从 模型 空间 变换 到 世界 空间 中 
float3 UnityWorldToObjectDir(float3 dir) 把 方向 矢量 从 世界 空间 变换 到 模型 空间 中 


注意 , 类 似 UnityXXX 的 几 个 函数 是 Unity 5 中 新 添加 的 内 置 函 数 。 这些 


帮助 函数 使 得 我 们 不 


需要 跟 各 种 变换 矩阵 、 内 置 变量 打交道 ， 也 不 需要 考虑 各 种 不 同 的 情况 (例如 使 用 了 哪 种 光源 )， 


而 仅仅 调用 一 个 函数 就 可 以 得 到 需要 的 信息 。 上 面 的 9 个 帮助 函数 中 ， 有 5 
内 部 实现 ， 例 如 WorldSpaceViewDir 函数 实现 如 下 : 


个 我 们 已 经 掌握 了 其 


| // Computes world space view direction, from object space position 


inline float3 UnityWorldSpaceViewDir( in float3 worldPos ) 
{ 


return WorldSpaceCameraPos.xyz - worldPos; 


} 


可 以 看 出 ， 这 与 之 前 计算 视角 方向 的 方法 一 致 。 需 要 注意 的 是 ， 这 些 函 
方向 矢量 是 单位 矢量 ， 因 此 ， 我 们 需要 在 使 用 前 把 它们 归 一 化 。 


数 都 没有 保证 得 到 的 


而 计算 光源 方向 的 3 个 函数 : WorldSpaceLightDir、UnityWorldSpaceLightDir 和 ObjSpace 


LightDir， 稍 微 复杂 一 些 ， 这 是 因为 ，Unity 帮 有 我 们 处 理 了 不 同 种 类 光源 的 情 
这 3 个 函数 仅 可 用 于 前 向 演 染 〈 关 于 什么 是 前 向 泻 染 会 在 9.1 节 中 讲 到 )。 这 
染 时 ， 这 3 个 函数 里 使 用 的 内 置 变量 _WorldSpaceLightPos0 等 才 会 被 正确 赋 
量 只 会 在 前 向 泻 染 中 被 正确 赋值 ， 可 以 参见 9.1.1 节 

下 介绍 使 用 内 置 函 数 改 写 Unity Shader。 

门 已 经 在 本 节 涉 及 了 过 多 的 细节 ， 如 果 读 者 无 法 理解 所 有 内 容 的 话 ， 
编写 过 程 中 ， 我 们 往往 会 借助 于 Unity 的 内 置 函 数 来 帮助 我 们 进行 各 种 计算 
们 的 “痛苦 ”。 


吉本 


TP 


况 。 需 要 注意 的 是 ， 
是 因为 只 有 在 前 癌 泻 
值 。 关 于 哪些 内 置 变 


口 重 


NN 


需要 知道 ， 在 实际 
， 这 可 以 减轻 不 少 我 


下 面 ， 我 们 将 使 用 这 些 内 置 函 数 来 改写 6.5.3 小 节 中 使 用 Blinn-Phong 光照 模型 的 Unity 
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Shader。 为 此 。 

(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene 6 6。 在 Unity 5.2 中 ， 默 
认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒 子 。 在 Window -> 
Lighting -> Skybox 中 去 掉 场 景 中 的 天 空 盒子 。 

(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 BlinnPhongUseBuildInFunctionMat。 

(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter6-BlinnPhongUseBuildIn 
unction。 把 新 的 Shader 赋 给 第 2 步 中 创建 的 材质 。 

(4) 创建 一 个 胶 宫 体 ， 并 把 第 2 步 中 创建 的 材质 赋 给 它 。 

Chapter6-BlinnPhongUseBuildInFunction 中 的 代码 几乎 和 Chapter6-BlinnPhong 中 的 完全 一 样 ， 
只 是 计算 时 使 用 了 Unity 的 内 置 函 数 。 修 改 部 分 的 代码 如 下 : 

(1) 在 顶点 着 色 器 中 ， 我 们 使 用 内 置 的 UnityObjectToWorldNormal 函数 来 计算 世界 空间 下 的 
法 线 方向 : 


v2f vert(a2v v) { 
v2f oOo; 


I 


J 


// Use the build-in function to compute the normal in world space 
oOo.worldNormal = UnityObjectToWorldNormal (v.normal); 


return of 
} 
(2) 在 片 元 着 色 器 中 , 我 们 使 用 内 置 的 UnityWorldSpaceLightDir 函数 和 UnityWorldSpaceView 
Dir 函数 来 分 别 计算 世界 空间 的 光照 方向 和 视角 方向 : 


fixed4 frag(v2f i) : SV TargetAf 


fixed3 worldNormal = normaliize (i .worldNormal); 

// Use the build-in funetion” to compute the light direction in world space 
// Remember to normalize the result 

fixed3 worldLightDir = normalize (UnityWorldSpaceLightDir(i.worldPos)); 


// Use the build-in function to compute the view direction in world space 
// Remember to normalize the result 
fixed3 viewDir = normalize (UnityWorldSpaceViewDir (i.worldPos)); 


需要 注意 的 是 ， 各 内 时 国 次 得 到 的 困 同 古 法 有 有 昌 化 的 , 因此 我 们 需要 使 用 normalize 函数 来 
对 结果 进行 归 一 化 ， 再 进行 光照 模型 的 计算 。 
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害 7 苹 ”基础 纹理 


纹理 最 初 的 目的 就 是 使 ) 


术 ， 我 们 可 以 把 一 张 图 “ 笑 ” 
地 控制 模型 的 颜色 。 


一 张 图 片 来 控制 模型 的 外 观 。 使 用 纹理 映射 (texture mapping) 技 


在 模型 表面 ， 逐 纹 素 〈texel) 〈 纹 素 的 名 字 是 为 了 和 像素 进行 区 分 ) 


在 美术 人 员 建 模 的 时 候 ， 通 常会 在 建 模 软 件 中 利用 纹理 展开 技术 把 纹理 映射 坐标 


(texture-mapping coordinates) 存储 在 每 个 顶点 上 。 纹 理 映 射 坐标 定义 了 该 顶点 在 纹理 中 对 应 的 


2D 坐标 。 通 常 ， 这 些 坐 标 使 ) 


一 个 二 维 变量 (u, v) 来 表示 ， 其 中 是 横向 坐标 ， 而 v 是 纵向 坐标 。 


的 范围 通常 都 被 归 一 化 到 [0, 1 


1] 范 围 内 。 实 际 上 ， 这 种 不 在 


寻 此 ， 纹 理 映射 坐标 也 被 称 为 UV 坐标 。 
尽管 纹理 的 大 小 可 以 是 多 种 多 样 的 ， 例 如 可 以 是 256x256 或 者 1028x1028， 但 顶点 UV 坐标 


] 范 围 内 。 需 要 注意 的 是 ,纹理 采样 时 使 用 的 纹理 坐标 不 一 定 是 在 [0， 
[0, 1] 范 围 内 的 纹理 坐标 有 时 会 非 党 有 用 。 与 之 关系 紧密 的 是 纹理 的 


平 铺 模式 ， 它 将 决定 泻 染 引擎 在 遇 到 不 在 [0, H] 范 围 内 的 纹理 坐标 时 如 何 进 行 纹理 采样 。 我 们 将 在 
7.1.2 节 中 更 加 详细 地 进行 阐述 。 


到 过 OpenGL 和 DirectX 在 二 


标 系 差异 问题 。 重 要 的 事情 要 说 很 多 次 , 我 们 再 


来 回顾 一 下 。 在 OpenGL 里 ， 
于 左下 角 ， 而 在 DirectX 中 ， 
幸运 的 是 ，Unity 在 绝 大 多 数 


在 本 书 之 前 的 章节 中 , 我 们 曾 不 止 一 次 地 提 


维 纹理 空间 中 的 坐 


纹理 空间 的 原点 位 
原点 位 于 左上 角 。 
情况 下 (特例 情况 


可 以 参见 5.6 节 ) 为 我 们 处 理 好 了 这 个 差异 问题 ， 


也 就 是 说 ， 即 便 游戏 的 目 


OpenGL 风格 的 ， 也 有 DirectX 风格 的 ， 但 我 们 
在 Unity 中 使 用 的 通常 只 有 一 种 坐标 系 。Unity 
使 用 的 纹理 空间 是 符合 OpenGL 的 传统 的 ， 也 就 


是 说 ， 原 点 位 于 纹理 左下 角 ， 


标 平台 可 能 既 有 


如 图 7.1 所 示 。 


本 章 将 介绍 如 何在 Unity 


实现 更 加 丰富 的 视觉 效果 。 在 7.1 节 中 ， 我 们 将 


中 利用 纹理 采样 来 (0, 0) (1, 0) 


到 7.1 Unity 中 的 纹理 坐标 


a 


学 习 如 何在 Unity Shader 中 进 


行 最 基本 的 纹理 采 


样 ， 并 介绍 纹理 的 属性 等 基本 概念 。7.2 市 将 介绍 游戏 中 应 用 广泛 的 凹凸 纹理 ， 还 会 解释 Unity 中 
法 线 纹理 的 一 些 实现 细节 。7.3 节 和 7.4 节 将 分 别 介绍 两 类 特殊 的 纹理 类 型 ， 即 渐变 纹理 和 人 遮 墨 纹 


需要 提醒 读者 注意 的 是 ， 


里 ， 这 些 纹理 在 游戏 中 的 应 用 非常 广泛 。 


本 章 着 重 讲述 纹理 采样 的 原理 ， 因 此 实现 的 Shader 往往 并 不 能 直接 


应 用 到 实际 项 目 中 《直接 使 ) 


j 的 话 会 缺少 阴影 、 光 照 衰减 等 效果 )。 我 们 会 在 9.5 节 给 出 包含 了 纹 


里 采样 和 完整 光照 模型 的 可 真正 使 用 的 Unity Shader。 


由 单 张 纹理 


我 们 通常 会 使 用 一 张 纹理 来 代替 物体 的 漫 反 射 颜色 。 在 本 节 中 ， 我 们 将 学 习 如 何在 Unity 
Shader 中 使 用 单 张 纹理 来 作为 模拟 的 颜色 。 在 学 习 完 本 节 后 ， 我 们 会 得 到 类 似 图 7.2 中 的 效果 。 


4 图 7.2 ”使 用 单 张 纹理 


7.1.1 实践 


在 本 例 中 ， 我 们 仍然 使 用 Blinn-Phong 光照 模型 来 计算 光照 。 准 备 工作 如 下 。 
(1) 在 Unity 中 新 建 一 个 场景 6 在 本 书 资源 中 ， 该 场景 名 为 Scene_7_1。 在 Unity 5.2 中 ， 默 
认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒 子 。 在 Window -> 
Lighting -> Skybox 中 去 掉 场景 中 的 天 空 盒 

(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 SingleTextureMat。 

(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Unity Shader 名 为 Chapter7-SingleTexture。 把 
新 的 Unity Shader 赋 给 第 2 步 中 创建 的 材质 。 

(4) 在 场景 中 创建 一 个 胶 吉 体 ， 并 把 第 2 步 中 的 材质 赋 给 该 胶 宫 体 。 

(5) 保存 场景 。 

打开 新 建 的 Chapter7-SingleTexture， 删 除 所 有 已 有 代码 ， 并 进行 如 下 修改 。 

(1) 首先 ， 我 们 需要 为 这 个 Unity Shader 起 一 个 名 字 ; 


| Shader "Unity Shaders Book/Chapter 7/Single Texture" 


(2) 为 了 使 用 纹理 ， 我 们 需要 在 Properties 语义 块 中 添加 一 个 纹理 属性 : 


Properties { 

Coler-("CoOleor Tint; ‘COLFOr). 三 二) 
MainTex ("Main Tex", 2D) = "white" {} 
Specular ("Specular", Color) = (1, 1, 1, 1) 
Gloss ("Gloss", Range (8.0, 256)) = 20 


} 

上 面 的 代码 声明 了 一 个 名 为 _MainTex 的 纹理 ， 在 3.3.2 节 中 ， 我 们 已 经 知道 2D 是 纹理 属性 
的 声明 方式 。 我 们 使 用 一 个 字符 串 后 跟 一 个 花 括 号 作为 它 的 初始 值 ,“white” 是 内 置 纹理 的 名 字 ， 
也 就 是 一 个 全 白 的 纹理 。 为 了 控制 物体 的 整体 色调 ， 我 们 还 声明 了 一 个 _Color 属性 。 

(3) 然后 ， 我 们 在 SubShader 语义 块 中 定义 了 一 个 Pass 语义 块 。 而 且 ， 我 们 在 Pass 的 第 一 行 
指明 了 该 Pass 的 光照 模式 : 
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Pass { 


SubShader { 
Tags { "LightMode"="ForwardBase" 


LightMode 标签 是 Pass 标签 中 的 一 种 ， 它 用 于 定义 该 Pass 在 Unity 的 光照 流水 线 中 的 角色 。 

(4) 接着 ,我 们 使 用 CGPROGRAM 和 ENDCG 来 包围 住 CG 代码 片 ， 以 定义 最 重要 的 顶点 
着 色 器 和 片 元 着 色 器 人 代码。 首先， 我 们 使 用 #pragma 指令 来 告诉 Unity， 我 们 定义 的 顶点 着 色 器 和 
片 元 着 色 器 叫 什么 名 字 。 在 本 例 中 ， 它 们 的 名 字 分 别 是 vert 和 frag: 


] CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


(5) 为 了 使 用 Unity 内 置 的 一 些 变量 ， 如 _LightColor0 ， 还 需要 包含 进 Unity 的 内 置 文件 
Lighting.cginc : 


| #include "Lighting.cginc" 


(6) 我 们 需要 在 CG 代码 片 中 声明 和 上 述 属 性 类 型 相 匹 配 的 变量 ， 以 便 和 材质 面板 中 的 属性 
建立 联系 : 


fixed4 Color; 
sampler2D MainTex; 
float4 MainTex ST; 
fixed4 Specular; 
float Gloss; 


与 其 他 属性 类 型 不 同 的 是 ， 我 们 还 需要 为 纹理 类 型 的 属性 声明 一 个 float4 类 型 的 变量 
_MainTex_ST。 其 中 ，_MainTex_ST 的 名 字 不 是 任意 起 的 。 在 Unity 中 ， 我 们 需要 使 用 纹理 名 _ST 
的 方式 来 声明 某 个 纹理 的 属性 。 其 中 , ST 是 缩放 (scale) 和 平移 (translation ) 的 缩写 。 MainTex_ST 
可 以 让 我 们 得 到 该 纹理 的 缩放 和 平移 ( 偏 移 ) 值 ，_MainTex_ST.xy 存储 的 是 缩放 值 ， 而 
_MainTex_ST.zw 存储 的 是 偏 移 值 。 这 些 值 可 以 在 材质 
面板 的 纹理 属性 中 调节 ， 如 图 7.3 所 示 。 在 7.1.2 节 中 ， olf 


我 们 将 更 详细 地 解释 这 些 纹理 属性 。 Tiling 
(7) 接 下 来 ， 我 们 需要 定义 顶点 着 色 器 的 输入 和 Se 
输出 结构 体 : ^ 图 7 


struct a2v { 
float4 vertex : POSITION; 
float3 normal : NORMAL; 
float4 texcoord : TEXCOORDO; 
}; 


stuet Yt 

float4 pos : SV_ POSITION; 
float3 worldNormal : TEXCOORDO; 
float3 worldPos : TEXCOORD1; 
float2 uv : TEXCOORD2; 


}; 


在 上 面 的 代码 中 ， 我 们 首先 在 a2v 结构 体 中 使 用 TEXCOORD0 语义 声明 了 一 个 新 的 变量 

texcoord， 这 样 Unity 就 会 将 模型 的 第 一 组 纹理 坐标 存储 到 该 变量 中 。 然 后 ， 我 们 在 v2f 结构 体 中 

添加 了 用 于 存储 纹理 坐标 的 变量 uv， 以 便 在 片 元 着 色 器 中 使 用 该 坐标 进行 纹理 采样 。 
(8) 然后 ， 我 们 定义 了 顶点 着 色 器 : 


v2f vert(a2v v) { 
2 :DO 
ES mul (UNITY MATRIX MVP, Vv.vertex); 
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oOo.worldNormal = UnityObjectToWorldNormal (v.normal); 
Oo.worldPos = mul( Object2World, v.vertex) .XYZ7 

O.UV = V.texcoord.xy * MainTex ST.xy + MainTex ST.Zw; 
// Or just call the built-in function 

// o.uv = TRANSFORM TEX(v.texcoord, MainTex); 


return o; 


} 


在 顶点 着 色 器 中 ， 我 们 使 用 纹理 的 属性 值 _MainTex_ST 来 对 顶点 纹理 坐标 进行 变换 ， 得 到 最 
终 的 纹理 坐标 。 计 算 过 程 是 ， 首 先 使 用 缩放 属性 _MainTex_ST.xy 对 顶点 纹理 坐标 进行 缩放 ， 然 后 
再 使 用 偏 移 属性 _MainTex_ST.zw 对 结果 进行 偏 移 。Unity 提供 了 一 个 内 置 宏 TRANSFORM_TEX 
来 帮 我 们 计算 上 述 过 程 。TRANSFORM_TEX 是 在 UnityCG.cginc 中 定义 的 : 


// Transforms 2D UV by scale/bias property 
#define TRANSFORM TEX(tex,name) (tex.xy * name## ST.xy + name## ST.zw) 


它 接受 两 个 参数 ， 第 一 个 参数 是 顶点 纹理 坐标 ， 第 二 个 参数 是 纹理 名 ， 在 它 的 实现 中 ， 将 利 
纹理 名 _ST 的 方式 来 计算 变换 后 的 纹理 坐标 。 
(9) 我 们 还 需要 实现 片 元 着 色 器 ， 并 在 计算 漫 反 射 时 使 用 纹理 中 的 纹 素 值 ; 


fixed4 frag(v2f i) : SV Target { 
fixed3 worldNormal = normalize (i.worldNormal); 
fixed3 worldLightDir = normalize (UnityWorldSpaceLightDir(i.worldPos)); 


i 


// Use the texture to sample the diffuse color 
fixed3 albedo = tex2D( “MainTex, i.uv) .rgb * Color.rgb; 


fixed3 ambient = UNITY ,LIGHTIMODEL AMBIENT.xyz * albedo; 

fixed3 diffuse = LightColor0.rgb * albedo * max(0, dot (worldNormal, worldLightDir)); 
fixed3 viewDir normalize (UnityWorldSpaceViewDir(i.worldPos)); 

fixed3 halfDir normalize (worldLightDir + viewDir); 


fixed3 specular = LightColor0.rgb * _Specular.rgb * powl(max(0, dot(worldNormal, 
halfDir)), Gloss); 


return fixed4(ambient + diffuse + specular, 1.0); 


上 面 的 代码 首先 计算 了 世界 空间 下 的 法 线 方向 和 光照 方向 。 然 后 ， 使 用 CG 的 tex2D 函数 对 
纹理 进行 采样 。 它 的 第 一 个 参数 是 需要 被 采样 的 纹理 ,第 二 个 参数 是 一 个 float2 类 型 的 纹理 坐标 ， 
它 将 返回 计算 得 到 的 纹 素 值 。 我 们 使 用 采样 结果 和 颜色 属性 _Color 的 乘积 来 作为 材质 的 反射 率 
albedo， 并 把 它 和 环境 光照 相 乘 得 到 环境 光 部 分 。 随 后 ， 我 们 使 用 albedo 来 计算 漫 反 射 光 照 的 结 
果 ， 并 和 环境 光照 、 高 光 反 射 光 照相 加 后 返回 。 
(10) 最 后 ， 我 们 为 该 Shader 设置 了 合适 的 Fallback: 


| Fallback "Specular" 


保存 后 返回 Unity 中 查看 。 在 SingleTextureMat 的 面板 上 ， 我 们 使 用 本 书 资源 中 的 
Brick_Diffuse.jpg 纹理 对 Main Tex 属性 进行 赋值 。 


7.1.2 ”纹理 的 属性 

虽然 很 多 资料 把 Unity 的 纹理 映射 描述 得 很 简 生 声明 一 个 纹理 变量 ， 再 使 用 tex2D 函数 
采样 。 实 际 上 ， 在 泻 染 流水 线 中 ， 纹 理 映 射 的 实现 远 比 我 们 想象 的 复杂 。 在 本 书 不 会 过 多 涉及 一 
些 具体 的 实现 细节 , 但 要 解释 一 些 我 们 认为 读者 必须 要 知道 的 事情 。 在 本 节 中 , 我 们 将 关注 Unity 
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中 的 纹理 属性 。 
在 我 们 向 Unity 中 导入 一 张 纹理 资源 后 ， 可 以 在 它 的 材质 面板 上 调整 其 属性 ， 如 图 7.4 所 示 。 
纹理 面板 中 的 第 一 个 属性 是 纹理 类 型 。 在 本 节 中 ,我 们 使 用 的 是 Texture 类 型 ， 在 下 面 的 法 线 


纹理 一 节 中 ， 我 们 会 使 用 Normal map 类 型 。 而 在 后 面 的 章节 中 ， 我 
们 还 会 看 到 Cubemap 等 高 级 纹理 类 型 。 我 们 之 所 以 要 为 导入 的 纹理 ”车 we sume Ea 
选择 合适 的 类 型 ， 是 因为 只 有 这 样 才 能 让 Unity 知道 我 们 的 意图 ， Tree 
为 Unity Shader 传递 正确 的 纹理 , 并 在 一 些 情况 下 可 以 让 Unity 对 该 wapves [ee 
纹理 进行 优化 。 一 
当 把 纹理 类 型 设置 成 Texture 后 ， 下 面 会 有 一 个 Alpha from tm dd A 
Grayscale 复 选 框 ， 如 果 勾 选 了 它 ， 那 么 透明 通道 的 值 将 会 由 每 个 像 ”时 ss 
素 的 灰 度 值 生成 。 关 于 透明 效果 ， 我 们 会 在 第 8 章 中 讲 到 。 在 这 里 4 图 7.4 纹理 的 属性 


我 们 不 需要 勾 选 它 。 

下 面 一 个 属性 非常 重要 Wrap Mode。 它 决定 了 当 纹 理 坐 标 超 过 [0, 1] 范 围 后 将 会 如 何 被 平 
铺 。Wrap Mode 有 两 种 模式 : 一 种 是 Repeat， 在 这 种 模式 下 ， 如 果 纹 理 坐 标 超 过 了 1， 那么 它 的 
整数 部 分 将 会 被 舍弃 ， 而 直接 使 用 小 数 部 分 进行 采样 ， 这 样 的 结果 是 纹理 将 会 不 断 重复 ; 另 一 种 
是 Clamp， 在 这 种 模式 下 ， 如 果 纹 理 坐 标 大 于 1， 那 么 将 会 截取 到 1， 如 果 小 于 0， 那 么 将 会 截取 
到 0。 图 7.5 给 出 了 两 种 模式 下 平 铺 一 张 纹 理 的 效果 (读者 可 在 本 书 资源 中 的 Scene_7_1_2_a 中 找 
到 相应 场景 )。 


Grid Import Settings 


re Type [em 
ps from Grayscale OD] 
Wrap Mode 

Fiker Mode 

Aniso Level 


ertie: 
Shader [Un Shader Book/Chapter7-Ten» 


x[3 ]Y6G | 
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4 图 7.5 ”Wrap Mode 决定 了 当 纹 理 坐 标 超过 [0, 1] 范 围 后 将 会 如 何 被 平 铺 


oT 


图 7.5 展示 了 在 纹理 的 平 铺 (Tiling)〉 属性 为 3, 3) 时 分 别 使 用 两 种 Wrap Mode 的 结果 。 左 图 
使 用 了 Repeat 模式 ， 在 这 种 模式 下 纹理 将 会 不 断 重复 ; 右 图 使 用 了 Clamp 模式 ,在 这 种 模式 下 超 
过 范围 的 部 分 将 会 截取 到 边界 值 ， 形 成 一 个 条 形 结构 。 

需要 注意 的 是 ， 想 要 让 纹理 得 到 这 样 的 效果 ， 我 们 必须 使 用 纹理 的 属性 (例如 上 面 的 
_MainTex_ST 变量 ) 在 Unity Shader 中 对 顶点 纹理 坐标 进行 相应 的 变换 。 也 就 是 说 ， 代 码 中 需要 
包含 类 似 下 面 的 代码 : 


O.UV = V.texcoord.xy * MainTex ST.xy + MainTex ST.zZw; 
// Or just call the puilt-in function 
oO.uv = TRANSFORM TEX(V.texcoord, MainTex); 


我 们 还 可 以 在 材质 面板 中 调整 纹理 的 偏 移 量 ， 图 7.6 给 出 了 两 种 模式 下 调整 纹理 偏 移 量 的 
个 例子 。 
图 7.6 展示 了 在 纹理 的 偏 移 属 性 为 (0.2, 0.6) 时 分 别 使 用 两 种 Wrap Mode 的 结果 ， 左 图 使 用 ] 
Repeat 模式 ， 右 图 使 用 了 Clamp 模式 。 
纹理 导入 面板 中 的 下 一 个 属性 是 Filter Mode 属性 , 它 决定 了 当 纹 理由 于 变换 而 产生 拉 伸 时 将 
会 采用 哪 种 滤波 模式 。Filter Mode 支持 3 种 模式 : Point，Bilinear 以 及 Trilinear。 它 们 得 到 的 图 片 
滤波 效果 依次 提升 ， 但 需要 耗费 的 性 能 也 依次 增 大 。 纹 理 滤 波 会 影响 放大 或 缩小 纹理 时 得 到 的 图 
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第 7 章 其 纹理 
片 质量 。 例 如 ， 当 我 们 把 一 张 64X64 大 小 的 纹理 贴 在 一 个 512X512 大 小 的 平面 上 时 ， 就 需要 放 
大 纹理 。 图 7.7 给 出 了 3 种 滤波 模式 下 的 放大 结果 。 读 者 可 以 在 本 书 资源 中 的 Scene 7_1 2b 中 
找到 该 场景 。 


.0 TexturepropertiesMat 
Shader | Unity Shader Book/Chapter7- 


Main Tex 
Tiling 
Offser 四 加 


(0.2, 0.6) (0.2, 0.6) 


7.6 偏 移 ( 0ffset ) 属性 决定 了 纹理 坐标 的 偏 移 量 


Pp 
入 


Filter Mode: Point Filter Mode: Bilinear Filter Mode: Trilinear 


4 图 7.7 ”在 放大 纹理 时 ， 分别 使 用 3 种 Filter Mode 得 到 的 结果 


纹理 缩小 的 过 程 比 放 大 更 加 复杂 一 些 ， 此 时 原 纹理 中 的 多 个 像素 将 会 对 应 一 个 目标 像素 。 纹 
时 缩放 更 加 复杂 的 原因 在 于 我 们 往往 需要 处 理 抗 锯齿 问题 ， 一 个 最 常 使 用 的 方法 就 是 使 用 多 级 活 
远 纹理 (mipmapping) 技术 。 其 中 “mip” 是 拉丁 文 “multum in parvo ”的 缩写 ， 它 的 意思 是 “在 
一 个 小 空间 中 有 许多 东西 2 如 同 它 的 名 字 , 多 级 渐 远 纹理 技术 将 原 纹理 提前 用 滤波 处 理 来 得 到 很 
多 更 小 的 图 像 ， 形 成 了 一 个 图 像 金字 塔 ， 每 一 层 都 是 对 上 一 层 图 像 降 采 样 的 结果 。 这 样 在 实时 运 
行 时 ， 就 可 以 快速 得 到 结果 像素 ， 例 如 当 物 体 远 离 摄像 机 时 ， 可 以 直接 使 用 较 小 的 纹理 。 但 缺点 
是 需要 使 用 一 定 的 空间 用 于 存储 这 些 多 级 渐 远 纹理 ， 通 常会 多 占用 33% 的 内 存 空间 。 这 是 一 种 典 
型 的 用 空间 换取 时 间 的 方法 。 在 Unity 中 , 我 们 可 以 在 纹理 导入 面板 中 , 首先 将 纹理 类 型 (Texture 
Type) 选择 成 Advanced， 再 勾 选 Generate Mip Maps 即 可 开启 多 级 渐 远 纹理 技术 。 同 时 ， 我 们 还 
可 以 选择 生成 多 级 渐 远 纹理 时 是 否 使 用 线性 空间 《用 于 伽 玛 校正 ， 详 见 18.4.2 节 ) 以 及 采用 的 滤 
波 器 等 ， 如 图 7.8 所 示 。 

7.9 给 出 了 从 一 个 倾斜 的 角度 观察 一 个 网 格 结构 的 地 板 时 ， 使 用 不 同 Filter Mode (同时 也 
使 用 了 多 级 渐 远 纹理 技术 ) 得 到 的 效果 。 读 者 可 以 在 本 书 资源 中 的 Scene_7_1_2_c 中 找到 该 场景 。 

在 内 部 实现 上 ，Point 模式 使 用 了 最 近邻 (nearest neighbor) 滤波 ， 在 放大 或 缩小 时 ， 它 的 
采样 像素 数目 通常 只 有 一 个 ， pr 而 Bilinear 滤波 则 使 用 了 
线性 滤波 ， 对 于 每 个 目标 像素 ， 它 会 找到 4 个 邻近 像素 ， 然 后 对 它们 进行 线性 插值 混合 后 得 到 最 
终 像素 ， a 而 Trilinear 滤波 几乎 是 和 Bilinear 一 样 的 ， 只 是 Trilinear 

还 会 在 多 级 渐 远 纹理 之 间 进 行 混合 。 如 果 一 张 纹 理 没有 使 用 多 级 渐 远 纹理 技术 ， 那 么 Trilinear 得 


到 的 结果 是 和 Bilinear 就 一 样 的 。 


不 希望 纹理 看 起 来 是 模糊 的 ， 例 如 对 于 一 些 类 似 棋盘 的 纹 到 


们 可 能 会 选择 Point 模式 。 


最 后 ， 我 们 来 
虑 目标 平台 的 纹理 
台 选 择 不 同 的 分 辨 率 ， 如 
如 果 导 入 的 纹 到 
么 Unity 将 会 把 该 纹理 
入 的 纹理 可 以 是 非 正方 


EE Block Import Settings 次 
a Lopen | 
Texture Type 
Non Power of 2 ToNearest 条 
Mapping None 
Convolution Type | None 
Fixup Edge Seams [| 
Read/Write Enabled [| 
Import Type Default 
Alpha from Graysc;L |] 
Bypass sRGB Sampl| 
Encodeas RGBM | Auto 
Sprite Mode None 
Generate Mip Maps [Mi 
InLinear Space 0D 
Border Mip Maps | 
Mip Map Filtering | Box 
Fadeout Mip Maps [| 
Wrap Mode Repeat 
Filter Mode Trilinear 
Aniso Level en | 1 


全 | 们 | 


7.8 在 Advanced 模式 下 可 以 设置 
多 级 渐 远 纹理 的 相关 属性 


下 纹理 的 最 大 尺寸 和 纹理 
尺寸 和 质量 问题 。Unity 允许 我 们 为 不 同 
图 7.10 所 示 。 

大 小 超过 了 Max Texture Size 
缩放 为 这 个 最 大 分 辨 率 。 理 想 情 况 下 ， 


通常 ， 我 们 会 选 


E 的 ， 但 长 宽 的 大 小 应 该 是 2 的 过 ， 例 如 
2、4、8、16、32、64 等 。 如 果 使 用 了 非 2 的 容 大 小 (Non Power 


» 


Point 滤波 + 多 级 渐 远 纹理 技术 ， 
支 术 )， 
里 技术 


7.9 


从 上 到 下 : 
Bilinear 滤波 + 多 级 渐 远 纹理 


Trilinear 滤波 + 多 级 渐 远 纹 


择 Bilinear 滤波 模式 。 需 要 注意 的 是 ， 有 时 我 们 
EE， 我 们 希望 它 就 是 像素 风 的 ， 这 时 我 


模式 。 当 我 们 在 为 不 同 平台 发 布 游戏 时 ， 需 要 考 


ES 


< 


of Two，NPOT) 的 纹理 ， 那 么 这 些 纹 


间 ， 而 且 GPU 读 取 该 纹理 的 速度 也 会 有 所 下 降 。 有 
E, 这 时 Unity 在 内 部 会 把 它 缩 放 成 最 近 的 2 
的 窘 大小。 出 于 性 能 和 空间 的 考虑 ， 我 们 应 该 尽量 使 用 2 的 容 大 


不 支持 这 种 NPOT 纹 弄 


小 的 


纹理 。 


而 Format 决定 了 Unity 内 部 使 用 哪 种 格式 来 存储 该 纹理 。 


共 我 
使 用 


类 型 


里 往往 会 占 | 


更 多 的 内 存 空 


些 平台 甚至 


果 我 们 将 Texture Type 设置 为 Advanced， 那 么 会 有 更 多 的 Format 。 轩 呈 | 


如 


64x64 RGB Compressed ETC 4 bits 


目标 平 cenut | 图 | 二 | 日 | 和 |@| 目 | 龟 

Max Size |.2048 | 

Format |.Compressed 外 

的 设置 值 ， 那 [Revert [Appy] 


2.7 KB 
ba 


们 选择 。 这 里 不 再 依次 介绍 每 种 纹理 模式 , 但 需要 知道 的 是 ， 4 图 7.10 选择 纹理 的 最 大 
的 纹理 格式 精度 越 高 (例如 使 用 Truecolor), 占用 的 内 存 空间 尺 十 和 纹理 模式 
越 大 ， 但 得 到 的 效果 也 越 好 。 我 们 可 以 从 纹理 导入 面板 的 最 下 方 看 到 存储 该 纹理 需要 占用 的 内 存 
空间 (如果 开 启 了 多 级 渐 远 纹理 技术 ， 也 会 增加 纹理 的 内 存 占用 )。 当 游戏 使 用 了 大 量 Truecolor 
的 纹理 时 ， 内 存 可 能 会 迅速 增加 ， 因 此 对 于 一 些 不 需要 使 用 很 高 精度 的 纹理 (例如 用 于 漫 反 
色 的 纹理 )， 我 们 应 该 尽量 使 用 压缩 格式 。 


射 颜 
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纹理 的 另 一 种 常见 的 应 用 就 是 凹凸 映射 (bump mapping)。 四 是 映射 的 日 的 是 使 用 一 张 纹理 
来 修改 模型 表面 的 法 线 ， 以 便 为 模型 提供 更 多 的 细节 。 这 种 方法 不 会 真 的 改变 模型 的 顶点 位 置 ， 
只 是 让 模型 看 起 来 好 像 是 “ 症 凸 不 平 ” 的 ， 但 可 以 从 模型 的 轮廓 处 看 出 “破绽 ”。 
有 两 种 主要 的 方法 可 以 用 来 进行 凹凸 映射 : 一 种 方法 是 使 用 一 张 高 度 纹理 (height map) 来 
模拟 表面 位 移 (displacement), 然后 得 到 一 个 修改 后 的 法 线 值 , 这 种 方法 也 被 称 为 高 度 上 映射 (height 
mapping); 另 一 种 方法 则 是 使 用 一 张 法 线 纹理 (normal map) 来 直接 存储 表面 法 线 ， 这 种 方法 
又 被 称 为 法 线 映射 (normal mapping)。 尽 管 我 们 常常 将 凹凸 映射 和 法 线 映 射 当 成 是 相同 的 技术 ， 
但 读者 需要 知道 它们 之 间 的 不 同 。 


7.2.1 ”高 度 纹 理 


我 们 首先 来 看 第 一 种 技术 , 即使 用 一 张 高 度 图 来 实现 凹凸 
映射 。 高 度 图 中 存储 的 是 强度 值 (intensity)， 它 用 于 表示 模型 
表面 局 部 的 海拔 高 度 。 因 此 ， 颜 色 越 浅 表明 该 位 置 的 表面 越 向 
外 凸 起 ， 而 颜色 越 深 表明 该 位 置 越 向 里 止 。 这 种 方法 的 好 处 是 
非常 直观 , 我 们 可 以 从 高 度 图 中 明确 地 知道 一 个 模型 表面 的 四 
凸 情 况 ， 但 缺点 是 计算 更 加 复杂 ?7 在 实时 计算 时 不 能 直接 得 到 
表面 法 线 ， 而 是 需要 由 像素 的 灰 度 值 计算 而 得 ， 因 此 需要 消耗 
更 多 的 性 能 。 图 7.11 给 出 了 一 张 高 度 图 。 
高 度 图 通常 会 和 法 线 映 射 一 起 使 用 , 用 于 给 出 表面 凹凸 的 
额外 信息 。 也 就 是 说 ， 我 们 通常 会 使 用 法 线 映 射 来 修改 光照 。 


7.2.2 法 线 纹理 


而 法 线 纹 理 中 存储 的 就 是 表面 的 法 线 方向 。 由 于 法 线 方 向 的 分 量 范围 在 [-1，1]， 而 像素 的 分 
量 范围 为 [0, 1]， 因 此 我 们 需要 做 一 个 映射 通常 使 用 的 映射 就 是 : 
normal +1 
分 
这 就 要 求 ， 我 们 在 Shader 中 对 法 线 纹 理 进 行 纹理 采样 后 ， 还 需要 对 结果 进行 一 次 反映 射 的 过 
星 ， 以 得 到 原先 的 法 线 方向 。 反 映射 的 过 程 实际 就 是 使 用 上 面 映 射 函 数 的 逆 函 数 ; 
normal=pixelx2—1 
然而 ， 由 于 方向 是 相对 于 坐标 空间 来 说 的 ， 那 么 法 线 纹理 中 存储 的 法 线 方向 在 哪个 坐标 空间 
呢 ? 对 于 模型 顶点 自 带 的 法 线 ， 它 们 是 定义 在 模型 空间 中 的 ， 因 此 一 种 直接 的 想法 就 是 将 修改 后 的 
模型 空间 中 的 表面 法 线 存 储 在 一 张 纹理 中 ， 这 种 纹理 被 称 为 是 模型 空间 的 法 线 纹 理 〈object-space 
normal map)。 然 而 ， 在 实际 制作 中 ， 我 们 往往 会 采用 另 一 种 坐标 空间 ， 即 模型 顶点 的 切线 空间 
(tangent space) 来 存储 法 线 。 对 于 模型 的 每 个 顶点 ， 它 都 有 一 个 属于 自己 的 切线 空间 ， 这 个 切线 
空间 的 原点 就 是 该 顶点 本 身 ， 而 zx 轴 是 顶点 的 法 线 方向 Ca)，x 轴 是 顶点 的 切线 方向 (1),， 而 y 轴 
可 由 法 线 和 切线 又 积 而 得 ， 也 被 称 为 是 副 切线 (bitangent，b) 或 副 法 线 ， 如 图 7.12 所 示 。 
这 种 纹理 被 称 为 是 切线 空间 的 法 线 纹理 (tangent-space normal map)。 图 7.13 分 别 给 出 了 模 
型 空间 和 切线 空间 下 的 法 线 纹理 (图 片 来 源 : http://www.surlybird.com/tutorials/TangentSpace/)。 
从 图 7.13 中 可 以 看 出 ， 模 型 空间 下 的 法 线 纹理 看 起 来 是 “五 颜 六 色 ” 的 。 这 是 因为 所 有 法 线 


pixel = 


= 
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所 在 的 坐标 空间 是 同一 个 坐标 空间 ， 即 模型 空间 ， 而 每 个 点 存储 的 法 线 方向 是 各 异 的 ， 有 的 是 (0， 


1, 0) 
存储 
这 是 
纹理 


， 经 过 映射 后 存储 到 纹理 中 前 


到 纹理 中 就 对 应 了 (0.5, 0, 0.5) 紫 色 。 而 切线 空间 下 的 法 线 纹 至 


大 


为 ， 每 个 法 线 方向 所 在 的 4 


其 实 就 是 存储 了 每 个 点 在 各 上 


标 空间 是 不 一 相 


对 应 了 RGB(0.5, 1, 0.5) 浅 绿色 ， 有 的 是 (0, -1, 0)， 经 过 映射 后 


E 看 起 来 儿 乎 


全 部 是 浅 蓝 色 的 。 
的， 即 是 表面 每 点 各 自 的 切线 空间 。 这 种 法 线 
的 切线 空间 中 的 法 线 扰动 方向 。 也 就 是 说 ， 如 果 一 个 点 的 法 线 


方向 不 变 ， 那 么 在 它 的 切线 空间 中 ， 新 的 法 线 方向 就 是 z 轴 方 向 ， 即 值 为 (0, 0, 1)， 经 过 映射 后 存 


储 在 


纹理 中 就 对 应 了 RGB(0.5, 0.5, 1) 浅 蓝 色 。 而 这 个 颜色 就 是 法 线 纹理 


实际 上 说 明 顶 点 的 大 部 分 法 线 是 和 模型 本 里 法 线 一 样 的 ， 不 需要 改变 。 


EE 中 大 片 的 蓝 色 。 这 些 蓝 色 


A 


原点 对 应 了 项 点 坐标 ，x 轴 是 切线 方向 


y 轴 


受 | 


7.12 ”模型 顶点 的 切线 空间 。 划 


中 


是 副 切 线 方向 ( 5)，z 轴 是 法 线 方 后 


总 体 来 说 ， 模 型 空间 下 的 法 线 纹 型 


易 调 整 ， 因 为 不 同 的 法 线 方向 就 代表 了 不 同 的 颜色 。 但 美术 人 员 往 名 


线 纹 


但 问 


从 法 


题 是 ， 


a 


里 


7.13 ”左边 : 模型 空间 下 的 法 线 纹理 


标 系 中 都 是 可 以 的 ， 我 们 


右边 : 切线 空间 下 的 法 线 纹理 


更 符合 人 类 的 直观 认识 ， 而 且 法 线 纹 理 本 里 也 很 直观 ， 


Pe 


容 


更 喜欢 使 ) 


里。 那么 ， 为 什么 他 们 更 偏好 使 用 这 个 看 起 来 “很 鉴 脚 ”的 切线 空间 呢 ? 
实际 上 ， 法 线 本 身 存 储 在 哪个 匀 


[ 果 选 择 了 切线 空间 ， 我 们 需要 把 


线 纹理 中 得 到 的 法 线 方向 从 切线 空间 转换 到 世界 空间 (或 其 他 空间 〉 中 。 


总 体 来 说 ， 使 / 


更 少 。 


模型 空间 来 存储 法 线 的 优点 如 下 。 


在 纹理 坐标 的 颖 合 处 和 尖锐 的 边 角 部 分 ， 可见 的 
界 。 这 是 因为 模型 空间 下 的 法 线 纹理 存储 的 是 同一 4 
过 插值 得 到 的 法 线 可 以 平滑 变换 .而 切线 空间 下 


生成 它 也 非常 简单 ， 而 如 果 要 生成 切线 空间 下 的 法 线 纹 到 
和 UV 方向 相同 ， 因 此 想 要 得 到 效果 比较 好 的 济 


的 方向 得 到 的 结果 ， 可 能 会 在 边缘 处 或 尖锐 的 音 


但 使 用 切线 空间 有 更 多 优点 。 


而 应 上 


自由 度 很 高 。 模 型 空间 下 的 法 线 纹 到 


实现 简单 ， 更 加 直观 。 我 们 甚至 都 不 需要 模型 原始 的 法 线 和 切线 等 信息 ， 也 就 是 说 ， 计 算 


切线 空间 下 的 法 


至 可 以 选择 存储 在 世界 空间 下 。 
我 们 并 不 是 单纯 地 想 要 得 到 法 线 ， 后 续 的 光照 计算 才 是 我 们 的 目的 。 而 选择 哪个 坐标 
系 意味 着 我 们 需要 把 不 同 信 息 转 换 到 相应 的 坐标 系 中 。 例 如 ， 妇 


E， 由 于 模型 的 切线 一 般 是 
去 线 映 射 就 要 求 纹理 映射 也 是 连续 的 。 


这 意味 着 ， 即 便 把 该 纹理 应 | 
可 进行 UV 动画 。 比 如 ， 我 们 可 以 移动 一 个 纹 到 


到 


个 完全 不 同 的 


网 格 上 ， 也 可 以 得 到 


记录 的 是 绝对 法 线 信息 ,， 仅 可 用 了 
j 到 其 他 模型 上 效果 就 完全 错误 了 。 而 切线 空间 下 的 法 线 纹理 记录 的 是 和 


F 创 建 它 


突变 〈 颖 隙 ) 较 少 ， 即 可 以 提供 平滑 的 边 
标 系 下 的 法 线 信 息 , 因此 在 边界 处 通 
的 法 线 纹理 中 的 法 线 信息 是 依靠 纹理 坐标 
分 造成 更 多 可 见 的 缝合 迹象 。 


时 的 那个 模型 ， 
日 对 法 线 信 息 ， 


个 合 
品 - 


的 结果 。 


的 UV 坐标 来 实现 一 个 凹凸 移动 的 效果 ， 
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但 使 用 模型 空间 下 的 法 线 纹理 会 得 到 完全 错误 的 结果 。 原因 同上 。 这 种 UV 动画 在 水 或 

火山 熔岩 这 种 类 型 的 物体 上 会 经 常用 到 。 

。 可 以 重用 法 线 纹理 。 比 如 , 一 个 砖 块 , 我 们 仅 使 用 一 张 法 线 纹理 就 可 以 用 到 所 有 的 6 个 本 

上 。 原 因 同 上 。 

。 可 压缩 。 由 于 切线 空间 下 的 法 线 纹理 中 法 线 的 Z 方向 总 是 正方 向 ， 因 此 我 们 可 以 仅 存储 

XY 方向 ， 而 推导 得 到 乙方 向 。 而 模型 空间 下 的 法 线 纹理 由 于 每 个 方向 都 是 可 能 的 ， 因 此 

必须 存储 3 个 方向 的 值 ， 不 可 压缩 。 

切线 空间 下 的 法 线 纹理 的 前 两 个 优点 足以 让 很 多 人 放弃 模型 空间 下 的 法 线 纹理 而 选择 它 。 从 

上 面 的 优点 可 以 看 出 ， 切 线 空 间 在 很 多 情况 下 都 优 于 模型 空间 ， 而 且 可 以 节省 美术 人 员 的 工作 。 
妹 此 ， 在 本 书 中 ， 我 们 使 用 的 也 是 切线 空间 下 的 法 线 纹理 。 


7.2.3 ”实践 


我 们 需要 在 计算 光照 模型 中 统一 各 个 方向 矢量 所 在 的 坐标 空间 。 由 于 法 线 纹理 中 存储 的 法 线 
是 切线 空间 下 的 方向 ， 因 此 我 们 通常 有 两 种 选择 : 一 种 选择 是 在 切线 空间 下 进行 光照 计算 ， 此 时 
我 们 需要 把 光照 方向 、 视 角 方向 变换 到 切线 空间 下 ; 男 一 种 选择 是 在 世界 空间 下 进行 光照 计算 ， 
此 时 我 们 需要 把 采样 得 到 的 法 线 方 向 变换 到 世界 空间 下 ， 再 和 世界 空间 下 的 光照 方向 和 视角 方向 
进行 计算 。 从 效率 上 来 说 ， 第 一 种 方法 往往 要 优 于 第 二 种 方法 ， 因 为 我 们 可 以 在 顶点 着 色 器 中 就 
完成 对 光照 方向 和 视角 方向 的 变换 ， 而 第 二 种 方法 由 于 要 先 对 法 线 纹 理 进行 采样 ， 所 以 变换 过 程 
必须 在 片 元 着 色 器 中 实现 ， 这 意味 着 我 们 需要 在 片 元 着 色 器 中 进行 一 次 矩阵 操作 。 但 从 通用 性 
度 来 说 ， 第 二 种 方法 要 优 于 第 一 种 方法 ， 因 为 有 时 我 们 需要 在 世界 空间 下 进行 一 些 计算 ， 例 丸 
使 用 Cubemap 进行 环境 映射 时 我 们 需要 使 用 世界 空间 下 的 反射 方向 对 Cubemap 进行 采样 。 
果 同 时 需要 进行 法 线 映 射 ， 我 们 就 需要 把 法 线 方向 变换 到 世界 空间 下 。 当 然 ， 读 者 可 以 选择 ] 
坐标 空间 进行 计算 , 例如 模型 空间 等 , 但 切线 空间 和 世界 空间 是 最 为 常用 的 两 种 空间 。 在 本 节 
我 们 将 依次 实现 上 述 的 两 种 方法 。 


1. 在 切线 空间 下 计算 


我 们 首先 来 实现 第 一 种 方法 ， 即 在 切线 空间 下 计算 光照 模型 。 基 本 思路 是 : 在 片 元 着 色 器 中 
通过 纹理 采样 得 到 切线 空间 下 的 法 线 ， 然 后 再 与 切线 空间 下 的 视角 方向 、 光 照 方 向 等 进行 计算 ， 
得 到 最 终 的 光照 结果 。 为 此 ， 我 们 首先 需要 在 顶点 着 色 器 中 把 视角 方向 和 光照 方向 从 模型 空间 变 
换 到 切线 空间 中 ， 即 我 们 需要 知道 从 模型 空间 到 切线 空间 的 变换 矩阵 。 这 个 变换 矩阵 的 逆 和 矩阵 ， 
即 从 切线 空间 到 模型 空间 的 变换 矩阵 是 非常 容易 求 得 的 ， 我 们 在 顶点 着 色 器 中 按 切 线 (x 轴 )、 副 
切线 (y 轴 入 法 线 (z 轴 ) 的 顺序 按 列 排列 即 可 得 到 〈 数 学 原理 详 见 4.6.2 节 )。 在 4.6.2 节 中 我 们 
已 经 知道 , 如 果 一 个 变换 中 仅 存 在 平移 和 旋转 变换 , 那么 这 个 变换 的 逆 矩 阵 就 等 于 它 的 转 置 矩 阵 ， 
而 从 切线 空间 到 模型 空间 的 变换 正 是 符合 这 样 要 求 的 变换 。 因 此 ， 从 模型 空间 到 切线 空间 的 变换 
和 矩阵 就 是 从 切线 空间 到 模型 空间 的 变换 矩阵 的 转 置 矩阵 ， 我 们 把 切线 (x 轴 )、 副 切线 (y 轴 )、 法 
线 〈z 轴 ) 的 顺序 按 行 排列 即 可 得 到 。 在 本 节 最 后 ， 我 们 可 以 得 到 类 似 图 7.14 中 的 效果 。 

为 此 ， 我 们 进行 如 下 准备 工作 。 

(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资 源 中 ， 该 场景 名 为 Scene 7 .2 _ 3。 在 Unity 5.2 中 ， 
默认 情况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒 子 。 在 Window -> 
Lighting -> Skybox 中 去 掉 场 景 中 的 天 空 盒子 。 

(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 NormalMapTangentSpaceMat。 

(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 , 该 Unity Shader 名 为 Chapter7-NormalMapTangentSpace。 


泡 2 


二 二 
全 对 下 


[二 


于 全 


> 
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把 新 的 Unity Shader 赋 给 第 2 步 中 创建 的 材质 。 


Maximize on Play | Mute audio | Stats | Gizmas ~ 


| NormalMapTangentSpaceMat 。 辕 雪 
| Shader | wniy Shaders Book/Chapter 7/Nor™ 


Color Tint 
Main Tex 


Tiling 
Offset 


Normal Map 


Tiling 
Offset 
Bump Scale 
Specular 
Closs 


4 图 7.14 ”使 用 法 线 纹理 


(4) 在 场景 中 创建 一 个 胶 宫 体 ， 并 把 第 2 步 中 的 材质 赋 给 该 胶囊 体 。 
(5) 保存 场景 。 
打开 新 建 的 Chapter7-NormalMapTangentSpace， 删 除 所 有 已 有 代码 ， 并 进行 如 下 修改 。 
(1) 首先 ， 我 们 为 该 Unity Shader 定义 一 个 名 字 : 
Shader "Unity Shaders Book/Chapter 7/Normal Map In Tangent Space" { 


(2) 然后 ， 我 们 在 Properties 语义 块 中 添加 了 法 线 纹理 的 属性 ， 以 及 用 于 控制 凹凸 程度 的 属性 : 


Properties { 
:Color” ("Color Tint; Gol6r). = (Lil Lyd) 
_MainTex ("Main Tex", 2D) = "white" {} 
_BumpMap ("Normal Map", 2D) = "bump" {} 
_BumpScale ("Bump Scale", Float) = 1.0 
-Specular ("Specular™; Color)- = "(ly ly 1y 1) 
_Gloss ("Gloss", Range (8.0, 256)) = 20 


对 于 法 线 纹理 _BumpMap， 我 们 使 用 "bump" 作 为 它 的 默认 值 。"bump" 是 Unity 内 置 的 法 线 纹 


里 ， 当 没有 提供 任何 法 线 纹 理 时 ,"bump" 就 对 应 了 模型 自 带 的 法 线 信息 。_BumpScale 则 是 用 于 控 


下 


| 凹凸 程度 的 ， 当 它 为 0 时 ， 意 味 着 该 法 线 纹理 不 会 对 光照 产生 任何 影响 。 
(3) 我 们 在 SubShader 语义 块 中 定义 了 一 个 Pass 语义 块 , 并 且 在 Pass 的 第 一 行 指明 了 该 Pass 


的 光照 模式 : 


SubShader { 
Pass { 
Tags { "LightMode"="ForwardBase" 


LightMode 标签 是 Pass 标签 中 的 一 种 ， 它 用 于 定义 该 Pass 在 Unity 的 光照 流水 线 中 的 角色 。 
(4) 接着 ， 我 们 使 用 CGPROGRAM 和 ENDCG 来 包围 住 CG 代码 片 ， 以 定义 最 重要 的 顶点 


着 色 器 和 片 元 着 色 器 代码 。 首 先 ， 我 们 使 用 #pragma 指令 来 告诉 Unity， 我 们 定义 的 顶点 着 色 器 和 


片 元 着 色 器 叫 什么 名 字 。 在 本 例 中 ， 它 们 的 名 字 分 别 是 vert 和 frag: 


CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


(5) 为 了 使 用 Unity 内 置 的 一 些 变量 ， 如 _LightColor0， 还 需要 包含 进 Unity 的 内 置 文件 


Lighting.cginc: 
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| #include "Lighting.cginc" 


(6) 为 了 和 Properties 语义 块 中 的 属性 建立 联系 , 我 们 在 CG 代码 块 中 声明 了 和 上 述 属 性 类 型 
匹配 的 变量 : 


ixed4 Color; 
ampler2D MainTex; 
loat4 MainTex ST; 
ampler2D BumpMap; 
loat4 BumpMap_ ST; 
loat BumpScale; 
ixed4 Specular; 
loat Gloss; 


为 了 得 到 该 纹理 的 属性 ( 平 铺 和 偏 移 系数 )， 我 们 为 _MainTex 和 _BumpMap 定义 了 
_MainTex_ST 和 _BumpMap_ST 变量 。 
(7) 我 们 已 经 知道 ， 切 线 空间 是 由 顶点 法 线 和 切线 构建 出 的 一 个 坐标 空间 ， 因 此 我 们 需要 得 

到 顶点 的 切线 信息 。 为 此 ， 我 们 修改 顶点 着 色 器 的 输入 结构 体 a2v: 


struct a2v { 
float4 vertex : POSITION; 
float3 normal : NORMAL; 
float4 tangent : TANGENT; 
float4 texcoord : TEXCOORDO; 
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}; 

我 们 使 用 TANGENT 语义 来 描述 float4 类 型 的 tangent 变量 , 以 告诉 Unity 把 顶点 的 切线 方向 
充 到 tangent 变量 中 。 需 要 注意 的 是 ， 和 法 线 方向 normal 不 同 , tangent 的 类 型 是 float4， 而 非 float3， 
这 是 因为 我 们 需要 使 用 tangentw 分 量 来 决定 切线 空间 中 的 第 三 个 坐标 轴 副 切 线 的 方向 性 。 

(8) 我 们 需要 在 顶点 着 色 器 中 计算 切线 空间 下 的 光照 和 视角 方向 ， 因 此 我 们 在 v2f 结构 体 中 
添加 了 两 个 变量 来 存储 变换 后 的 光照 和 视角 方向 : 


Streuict v2f { 
float4 pos : SV _ POSITION; 
float4 uv : TEXCOORDO; 
float3 lightDir: TEXCOORD1; 
float3 viewDir : TEXCOORD2; 


Ml 


} 
(9) 定义 顶点 着 色 器 : 


v2f vert(a2v v) { 
YP es 
OS 二 mul (UNITY MATRIX MVP, Vv.vertex); 


O.UV.Xy = V.texcoord.xy * MainTex ST.xy + MainTex ST.Zzw; 
O.UV.ZW = V.texcoord.xy * BumpMap ST.xy + BumpMap ST.zw; 


// Compute the binormal 
// float3 binormal = cross( normalize(v.normal), normalize(v.tangent .xyz) ) * 
Vv.tangent .w7 
// // Construct a matrix which transform vectors from object space to tangent space 
// float3x3 rotation = float3x3(v.tangent.xyz, binormal, v.normal); 

// Or just use the built-in macro 

TANGENT SPACE ROTATION; 


// Transform the light direction from object space to tangent space 
o.lightDir = mul (rotation, ObjSpaceLightDir(v.vertex)) .xyz; 

// Transform the view direction from object space to tangent space 
oO.viewDir = mul (rotation, ObjSpaceViewDir(v.vertex)) .xyz; 


return. ne 


由 于 我 们 使 用 了 两 张 纹理 ， 因 此 需要 存储 两 个 纹理 坐标 。 为 此 ,我 们 把 v2f 中 的 uv 变量 的 类 
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型 定义 为 float4 类 型 ， 其 中 xy 分 量 存储 了 _MainTex 的 纹理 坐标 , 而 zw 分 量 存 储 了 _BumpMap 的 
纹理 坐标 〈 实 际 上 ，_MainTex 和 _BumpMap 通常 会 使 用 同一 组 纹理 坐标 ， 出 于 减少 插值 寄存 器 的 
使 用 数目 的 目的 , 我 们 往往 只 计算 和 存储 一 个 纹理 坐标 即 可 )。 然后 , 我 们 把 模型 空间 下 切线 方向 、 
副 切 线 方 向 和 法 线 方向 按 行 排列 来 得 到 从 模型 空间 到 切线 空间 的 变换 矩阵 rotation。 需 要 注意 的 
是 ， 在 计算 副 切线 时 我 们 使 用 vtangent,w 和 又 积 结果 进行 相 乘 ， 这 是 因为 和 切线 与 法 线 方 向 都 垂 
直 的 方向 有 两 个 ， 而 w 决定 了 我 们 选择 其 中 哪 一 个 方向 。Unity 也 提供 了 一 个 内 置 宏 
TANGENT_SPACE_ROTATION (在 UnityCG.cginc 中 被 定义 ) 来 帮助 我 们 直接 计算 得 到 rotation 
变换 矩阵 ， 它 的 实现 和 上 述 代 码 完 全 一 样 。 然 后 ， 我 们 使 用 Unity 的 内 置 函 数 ObjSpaceLightDir 
和 ObjSpaceViewDir 来 得 到 模型 空间 下 的 光照 和 视角 方向 , 再 利用 变换 矩阵 rotation 把 它们 从 模型 
空间 变换 到 切线 空间 中 。 

(10) 由 于 我 们 在 顶点 着 色 器 中 完成 了 大 部 分 工作 , 因此 片 元 着 色 器 中 只 需要 采样 得 到 切线 空 
间 下 的 法 线 方向 ， 再 在 切线 空间 下 进行 光照 计算 即 可 : 


fixed4 frag(v2f i) : SV _ Target { 
fixed3 tangentLightDir = normalize(i.lightDir); 
fixed3 tangentViewDir = normalize (i.viewDir); 


// Get the texel in the normal map 
fixed4 packedNormal = tex2D( BumpMap, i.uv.Zw); 
fixed3 tangentNormal; 
// If the texture is not marked as "Normal map" 
// tangentNormal.xy = (packedNormal.xy * 2 - 1) * BumpScale; 
// tangentNormal.z = sqrt(1.0 - saturate (qot (tangentNormal.xy, tangentNormal .xy))); 


// Or mark the texture as "Normal map", and use the built-in funciton 
tangentNormal = UnpackNormal (packedNormal); 

tangentNormal.xy *= BumpScale; 

tangentNormal.z = sqrt(1.0 - saturate (dot (tangentNormal.xy, tangentNormal .xy))); 


fixed3 albedo = tex2D( MainTex, i.uv) .rgb * Color.rgb; 
fixed3 ambient = UNITY LIGHTMODEL AMBIENT.xyz * albedo; 


fixed3 diffuse = LightColor0.rgb * albedo * max(0, dot (tangentNormal, 
tangentLightDir)); 


fixed3 halfDir = normalize (tangentLightDir + tangentViewDir); 
fixed3 specular = LightColor0.rgb * Specular.rgb * pow(max(0, dot (tangentNormal, 
halfDir)), Gloss); 


return fixed4(ambient + diffuse + specular, 1.0); 


} 


在 上 面 的 代码 中 ， 我 们 首先 利用 tex2D 对 法 线 纹 理 _BumpMap 进行 采样 。 正 如 本 节 一 开头 所 
讲 的 ， 法 线 纹理 中 存储 的 是 把 法 线 经 过 映射 后 得 到 的 像素 值 ， 因 此 我 们 需要 把 它们 反映 射 回 来 。 
如 果 我 们 没有 在 Unity 里 把 该 法 线 纹理 的 类 型 设置 成 Normal map〔 详 见 7.2.4 节 )， 就 需要 在 代码 
中 手动 进行 这 个 过 程 。 我 们 首先 把 packedNormal 的 xy 分 量 按 之 前 提 到 的 公式 映射 回 法 线 方向 ， 
然后 乘 以 _ BumpScale〈 控 制止 凸 程 度 ) 来 得 到 tangentNormal 的 xy 分 量 。 由 于 法 线 都 是 单位 矢量 ， 
对 此 tangentNormal.z 分 量 可 以 由 tangentNormal.xy 计算 而 得 。 由 于 我 们 使 用 的 是 切线 空间 下 的 法 
线 纹理 ， 因 此 可 以 保证 法 线 方向 的 z 分量 为 正 。 在 Unity 中 ， 为 了 方便 Unity 对 法 线 纹理 的 存储 
进行 优化 ， 我 们 通常 会 把 法 线 纹理 的 纹理 类 型 标识 成 Normal map，Unity 会 根据 平台 来 选择 不 同 
的 压缩 方法 。 这 时 , 如 果 我 们 再 使 用 上 面 的 方法 来 计算 就 会 得 到 错误 的 结果 , 因为 此 时 _BumpMap 
的 rgb 分量 并 不 再 是 切线 空间 下 法 线 方向 的 xyz 值 了 。 在 7.2.4 节 中 ， 我 们 会 具体 解释 。 在 这 种 情 
况 下 ， 我 们 可 以 使 用 Unity 的 内 置 函 数 UnpackNormal 来 得 到 正确 的 法 线 方向 。 
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(11) 最 后 ， 我 们 为 该 Unity Shader 设置 合适 的 Fallback: 
| Fallback "Specular" 

保存 后 返回 Unity 中 查看 。 在 NormalMapTangentSpaceMat 的 面板 上 , 我 们 使 用 本 书 资源 中 的 
Brick_Diffuse.jpg 和 Brick_Normal.jpg 纹理 对 其 赋值 。 我 们 可 以 调整 材质 面板 中 的 Bump Scale 属 
性 来 改变 模型 的 凹凸 程度 。 图 7.15 给 出 了 不 同 的 Bump Scale 属性 值 下 得 到 的 结果 。 


Bump Scale: -0.8 Bump Scale: 0.8 Bump Scale: 0.0 


4 图 7.15 使 用 Bump Scale 属性 来 调整 模型 的 四 凸 程度 
2.， 在 世界 空间 下 计算 


现在 ， 我 们 来 实现 第 三 种 方法 ~ 即 在 世界 空间 下 计算 光照 模型 。 我 们 需要 在 片 元 着 色 器 中 把 
法 线 方向 从 切线 空间 变换 到 世界 空间 下 。 这 种 方法 的 基本 思想 是 : 在 顶点 着 色 器 中 计算 从 切线 空 
间 到 世界 空间 的 变换 矩阵 ， 并 把 它 传 递 给 片 元 着 色 器 。 变 换 矩 阵 的 计算 可 以 由 顶点 的 切线 、 副 切 
线 和 法 线 在 世界 空间 下 的 表示 来 得 到 * 最 后 ， 我 们 只 需要 在 片 元 着 色 器 中 把 法 线 纹理 中 的 法 线 方 
向 从 切线 空间 变换 到 世界 空间 平 即 可 。 尽 管 这 种 方法 需要 更 多 的 计算 ， 但 在 需要 使 用 Cubemap 进 
行 环境 映射 等 情况 下 ， 我 们 就 需要 使 用 这 种 方法 。 

为 此 ， 我 们 进行 如 下 准备 工作 。 

(1) 使 用 上 一 节 中 使 用 的 场景 。 

(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 NormalMapWorldSpaceMat。 

(3) 新 建 一 个 Unity Shader。 在 本 书 资 源 中 ， 该 Shader 名 为 Chapter7-NormalMapWorldSpace。 
把 新 的 Shader 赋 给 第 2 步 中 创建 的 材质 。 

(4) 把 第 2 步 中 创建 的 材质 赋 给 胶 圳 体 。 

打开 Chapter7-NormalMapWorldSpace， 把 上 一 节 中 的 代码 粘贴 进去 ， 并 进行 如 下 修改 : 

(1) 我 们 需要 修改 顶点 着 色 器 的 输出 结构 体 v2f， 使 它 包 含 从 切线 空间 到 世界 空间 的 变换 矩阵 : 


总攻 TU YF 
float4 pos : SV _ POSITION: 
float4 uv : TEXCOORDO; 
float4 TtoWO : TEXCOORD]1; 
float4 TtoWl1l : TEXCOORD2; 
float4 TtoW2 : TEXCOORD3; 


> 
我 们 在 3.3.2 节 中 讲 到 ,一 个 插值 寄存 器 最 多 只 能 存储 float4 大 小 的 变量 ， 对 于 和 矩阵 这 样 的 变 
量 ， 我 们 可 以 把 它们 按 行 拆 成 多 个 变量 再 进行 存储 。 上 面 代码 中 的 TtoW0、TtoW1 和 TtoW2 就 依 
次 存储 了 从 切线 空间 到 世界 空间 的 变换 矩阵 的 每 一 行 。 实际 上 , 对 方向 矢量 的 变换 只 需要 使 用 3X3 
大 小 的 矩阵 ， 也 就 是 说 ， 每 一 行 只 需要 使 用 float3 类 型 的 变量 即 可 。 但 为 了 充分 利用 插值 寄存 器 
的 存储 空间 ， 我 们 把 世界 空间 下 的 顶点 位 置 存储 在 这 些 变 量 的 w 分 量 中 。 
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v2f vert(a2v v) { 


} 


按 列 


TtoW1 和 TtoW2 中 ， 并 把 世界 空间 下 的 顶点 位 置 的 xyz 分 量 分 别 存储 在 了 这 些 变量 的 w 分 量 中 ， 


(2) 修改 顶点 着 色 器 ， 计 算 从 切线 空间 到 世界 空间 的 变换 矩阵 : 


v2f oOo; 
= mul (UNITY MATRIX MVP, Vv.vertex); 


Vv.texcoord.xy * MainTex ST.xy + MainTex ST.Zzw; 
Vv.texcoord.xy * BumpMap ST.xy + BumpMap ST.zw; 


O.UV.Xy = 
O.UV.ZW = 
float3 worldPos = mul( Object2World, v.vertex) .xy2z; 

fixed3 worldNormal = UnityObjectToWorldNormal (v.normal); 
fixed3 worldTangent = UnityObjectToWorldDir(v.tangent .xyz); 


fixed3 worldBinormal = cross (worldNormal, worldTangent) * v.tangent.w; 


// Compute the matrix that transform directions from tangent space to world space 


// Put the world position in w component for optimization 
oO.TtoWwW0 = float4 (worldTangent.x, worldBinormal.x, worldNormal 


oO.TtoWl = float4 (worldTangent.y, worldBinormal.y, worldNormal 
oO.TtoW2 = float4 (worldTangent.z, worldBinormal.z, worldNormal. 
return o; 


在 上 面 的 代码 中 ， 我 们 计算 了 世界 空 


.X,: worldPos.x); 
.Yr worldPos.y); 


z, WorldPos.2z);}; 


间 下 的 顶点 切线 、 副 切线 和 法 线 的 矢量 表示 ， 并 把 它们 


摆 放 得 到 从 切线 空间 到 世界 空间 的 变换 矩阵 。 我 们 把 该 矩阵 的 每 一 行 分 别 存 储 在 TtoW0、 


以 便 


f 


(el 


的 TU 


接着 ， 


标识 
存储 
乘 来 


充分 利用 插值 寄存 器 的 存储 空间 。 
(3) 修改 片 元 着 色 器 ， 在 世界 空间 下 进行 光照 计算 : 
ixed4 frag(v2f i) : SV Target { 

// Get the position in world space 


float3 worldPos = float3(i.TtoWwO.w, i.TtoWl.w, i.TtoW2.w); 
// Compute the light and view dir in world space 


fixed3 lightDir = normalize (UnityWorldSpaceLightDir (worldPos)); 


fixed3 viewDir = normalize (UnityWorldSpaceViewDir (worldPos)); 


// Get the normal in tangent space 

fixed3 bump = UnpackNormal (tex2D( BumpMap, i.uv.zZw)); 

bump.xy *= BumpScale; 

bump.z = sqrt(1.0 - saturate (dot (bump.xy, bump.xy))); 

// Transform the normal from tangent space to world space 

bump = normalize (half3 (dot (i.TtowO0 .xyz, bump), dot (i 
ot (i TtoW2.xyzZ, Bump))})> 


我 们 首先 从 TtoW0、TtoW1 和 TtoW2 的 w 分 量 中 构建 世界 空间 下 的 4 


E 标 。 然 后 ， 使 用 内 置 


TtoOWl XY bump), 


nityWorldSpaceLightDir 和 UnityWorldSpaceViewDir 函数 得 到 世界 空间 下 的 光照 和 视角 方向 。 


成 Normal map), 并 使 用 _BumpScale 对 
的 变换 矩阵 把 法 线 变 换 到 世界 空间 下 。 这 是 通 


过 使 用 点 乘 操 作 来 实现 外 


我 们 使 用 内 置 的 UnpackNormal 函数 对 法 线 纹理 进行 采样 和 解码 〈 需 要 把 法 线 纹理 
进行 缩放 。 最 后 , 我 们 使 用 TtoW0、TtoW1 和 TtoW2 


的 格式 


E 阵 的 每 一 行 和 法 线 相 


得 到 的 。 
从 视觉 表现 上 ， 在 切线 空间 下 和 太 


世界 空间 下 计算 光照 几乎 没有 任何 


本 


来 进行 法 线 映射 和 光照 计算 。 而 在 Unity 5.x 中 ， 所 有 内 置 的 Unity Shader 都 使 用 了 世界 空间 
光照 计算 。 这 也 是 为 什么 Unity 5.x 中 表面 着 色 器 更 容易 报错 ， 因 为 它们 使 用 了 更 多 的 捐 
存 器 来 存储 变换 矩阵 〈 还 有 一 些 额外 的 插值 寄存 器 是 用 来 辅助 计算 雾 效 的 ， 更 多 内 容 可 以 参 
见 19.2 节 )。 


进行 


或 


差别 。 在 Unity 4.x 版 


， 在 不 需要 使 用 Cubemap 进行 环境 映射 的 情况 下 ， 内 置 的 Unity Shader 使 用 的 是 切线 空 


间 


来 
i 值 
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7.2.4 Unity 中 的 法 线 纹理 类 型 
上 面 我 们 提 到 了 当 把 法 线 纹理 的 纹理 类 型 标识 成 Normal map 时 ， 可 以 使 用 Unity 的 内 置 函 


数 UnpackNormal 来 得 到 正确 的 法 线 方向 ， 如 图 7.16 @ Inspector  ] a -= 
示 3 Brick_Normal Import Settings 交 ， 
所 示 。 要 和 
wy 4 vi mo _Open | 
当 我 们 需要 使 用 那些 包含 了 法 线 映 射 的 内 置 的 - 一 一 
exture Type Normal map 二 
Unity Shader 时 ， 必须 把 使 ) 的 法 线 纹 十 按 上 国 的 方 Create from Grayscale[] 

式 标识 成 Normal map 才能 得 到 正确 结果 (即便 你 态 we Se [Repeat 1 
3 Ye ilter e [Tilinear 4 

了 这 人 么 做 ，Unit 也 会 在 材质 面板 中 提 醒 你 修正 这 个 Aniso Level ye | 1 

y 
问题 )， 这 是 因为 这 些 Unity Shader 都 使 用 了 内 置 的 our | 图 | | 日 |#|@| 目 | 名 
UnpackNormal 函数 来 采样 法 线 方向 。 那 么 ， 当 我 们 Max Size 2048 9 
Format Compressed $ 

把 纹理 类 型 设置 成 Normal map 时 到 底 发 生 了 什么 i 


呢 ? 为 什么 要 这 么 做 呢 ? 4 图 7.16” 当 使 用 UnpackNormal 函数 计算 法 线 纹理 中 的 
简单 来 说 , 这 么 做 可 以 让 Unity 根据 不 同 平台 对 法 线 方向 时 ， 需 要 把 纹理 类 型 标识 为 Normal map 
纹理 进行 压缩 (例如 使 用 DXT5nm 格式 ， 具 体 的 压 

缩 细 节 可 以 参考 : http://tech-artists.org/wiki/Normal_map_compression )， 再 通过 UnpackNormal 函 
数 来 针对 不 同 的 压缩 格式 对 法 线 纹理 进行 正确 的 采样 。 我 们 可 以 在 UnityCGcginc 里 找到 
UnpackNormal 函数 的 内 部 实现 : 


inline fixed3 UnpackNormadlDXT5nmAN(ftixed4 packednormal) 


{ 


fixed3 normal; 

normal.xy = packednormal .wy 7/27- 1; 

normal.z = sqrt(1 - satyuratie (dot (normal.xy, normal.xy))); 
return normal; 


inline fixed3 UnpackNormal (fixed4 packednormal) 


if defined (UNITY NO DXT5nm) 

return packednormal.xyz * 2 - 1; 
else 

return UnpackNormalDXT5nm(packednormal); 
endif 


从 代码 中 可 以 看 出 ,在 某 些 平台 上 由 于 使 用 了 DXT5nm 的 压缩 格式 ， 因 此 需要 针对 这 种 格式 
对 法 线 进行 解码 。 在 DXT5nm 格式 的 法 线 纹 理 中 ， 纹 素 的 a 通道 〈 即 w 分 量 ) 对 应 了 法 线 的 x 
分 量 ，g 通道 对 应 了 法 线 的 y 分量 ， 而 纹理 的 r 和 b 通道 则 会 被 舍弃 ， 法 线 的 z 分量 可 以 由 xy 分 
量 推 导 而 得 。 为 什么 之 前 的 普通 纹理 不 能 按 这 种 方式 压缩 ， 而 法 线 就 需要 使 用 DXT5nm 格式 来 进 
行 压缩 呢 ? 这 是 因为 ， 按 我 们 之 前 的 处 理 方式 ， 法 线 纹理 被 当成 一 个 和 普通 纹理 无 异 的 图 ， 但 实 
际 上 ， 它 只 有 两 个 通道 是 真正 必 不 可 少 的 ， 因 为 第 三 个 通道 的 值 可 以 用 另外 两 个 推导 出 来 〈 法 线 
是 单位 向 量 ， 并 且 切 线 空 间 下 的 法 线 方向 的 z 分 量 始终 为 正 )。 这 种 压缩 方法 就 可 以 减少 法 线 
纹理 占用 的 内 存 空 间 。 
当 我 们 把 纹理 类 型 设置 成 Normal map 后 ， 还 有 一 个 复 选 框 是 Create from Grayscale， 那 么 它 
是 做 什么 用 的 呢 ? 读者 应 该 还 记得 在 本 节 开始 我 们 提 到 过 另 一 种 目 凸 映射 的 方法 , 即使 用 高 度 图 ， 
而 这 个 复 选 框 就 是 用 于 从 高 度 图 中 生成 法 线 纹理 的 。 高 度 图 本 身 记 录 的 是 相对 高 度 ， 是 一 张 灰 度 
图 ， 白 色 表 示 相 对 更 高 ， 黑 色 表 示 相 对 更 低 。 当 我 们 把 一 张 高 度 图 导入 Unity 后 ， 除 了 需要 把 它 
的 纹理 类 型 设置 成 Normal map 外 , 还 需要 勾 选 Create from Grayscale, 这 样 就 可 以 得 到 类 似 图 7.17 


音 


中 的 结果 。 然 后 ， 我 们 就 可 以 把 它 和 切线 空间 


A 图 7.17 ” 当 勾 选 了 Creste from Graysca/e 后 ， 


下 的 法 线 纹理 同等 对 待 了 。 


加 WallLHeight Import Settings 


Texture Type [omamap +] 


Create from Grayscaleld 
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Unity 会 根据 高 度 图 来 生成 一 张 切线 空间 下 的 法 线 纹理 


当 勾 选 了 Create from Grayscale 后 ， 还 多 出 了 两 个 选项 一 一 Bumpiness 和 Filtering。 其 中 


Bumpiness 用 于 控制 凹凸 程度 ， 而 Filtering 决 
项 : 一 种 是 Smoo 矿 ， 这 使 得 生成 后 的 法 线 纹 至 


定 我 们 使 用 哪 种 方式 来 计算 凹凸 程度 ， 它 有 两 种 选 


E 会 比较 平滑 另 一 种 是 Sharp， 它 会 使 用 Sobel 滤 


波 《〈 一 种 边缘 检测 时 使 用 的 滤波 器 ) 来 生成 法 线 。Sobel 滤波 的 实现 非常 简单 ， 我 们 只 需要 在 一 


个 3x3 的 滤波 器 中 计算 x 和 Yy 方 向 上 的 导数 ， 


中 的 每 个 像素 ， 我 们 考虑 它 与 水 平方 向 和 竖 直方 


在 x 和 y 方 向 上 的 位 移 ， 然 后 使 用 之 前 提 到 的 


由 浙 变 纹理 


尽管 在 一 开始 ， 我 们 在 演 染 中 使 用 纹理 是 
其 实 可 以 用 于 存储 任何 表面 属性 。 一 种 常见 的 
在 之 前 计算 漫 反射 光照 时 ， 我 们 都 是 使 用 表面 
得 到 表面 的 漫 反射 光 照 。 但 有 时 ， 我 们 需要 更 


然后 从 中 得 到 法 线 即 可 。 具 体 方法 是 ， 对 于 高 度 图 
向 上 的 像素 差 ， 把 它们 的 差 当成 该 点 对 应 的 法 线 
映射 函数 存储 成 到 法 线 纹理 的 r 和 g 分 量 即 可 。 


为 了 定义 一 个 物体 的 颜色 ， 但 后 来 人 们 发 现 ， 纹 理 
用 法 就 是 使 用 渐变 纹理 来 控制 漫 反 射 光 照 的 结果 。 
法 线 和 光照 方向 的 点 积 结果 与 材质 的 反射 率 相 乘 来 
加 灵活 地 控制 光照 结果 。 这 种 技术 在 游戏 《军团 要 


塞 2》( 英 文 名 :《Team Fortress 2》) 中 流行 起 来 ， 它 也 是 由 Valve 公司 (提出 半 兰 伯 特 光照 技术 的 
公司 ) 提出 来 的 ， 他 们 使 用 这 种 技术 来 泻 染 游戏 中 具有 插画 风格 的 角色 。Valve 发 表 了 一 篇 著名 
的 论文 来 专门 讲述 在 制作 《军团 要 塞 2》 时 使 用 的 技术 。 


这 种 技术 最 初 由 Gooch 等 人 在 1998 年 


他 们 发 表 的 一 篇 著名 的 论文 《A Non-Photorealistic 


Lighting Model For Automatic Technical Illustration》 中 被 提出 ， 在 这 篇 论文 中 ， 作 者 提出 了 一 种 


种 技术 ， 可 以 保证 物体 的 轮廓 线 相 比 于 之 前 使 


基于 冷 到 暖色 调 〈cool-to-warm tones) 的 着 色 技 术 ， 用 来 得 到 一 种 插画 风格 的 演 染 效果 。 使 用 这 


用 的 传统 漫 反射 光照 更 加 明显 ， 而 且 能 够 提供 多 种 


色调 变化 。 而 现在 ， 很 多 卡通 风格 的 演 染 中 都 使 用 了 这 种 技术 。 我 们 在 14.1 节 中 会 专门 学 习 如 何 


编写 一 个 卡通 风格 的 Unity Shader。 
在 本 节 中 ， 我 们 将 学 习 如 何 使 用 一 张 渐 变 
以 得 到 类 似 图 7.18 中 的 效果 。 


纹理 来 控制 漫 反 射 光照 。 在 学 习 完 本 节 后 ， 我 们 可 
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4 图 7.18 ”使 用 不 同 的 渐变 纹理 控制 漫 反射 光照 ， 左 下 角 给 出 了 每 张 图 使 用 的 渐变 纹理 


可 以 看 出 ,使 用 这 种 方式 可 以 自由 地 控制 物体 的 漫 反 射 光 照 。 不 同 的 渐变 纹理 有 不 同 的 特性 。 
上 | 如 ， 在 左边 的 图 中 ， 我 们 使 用 一 张 从 紫色 调 到 浅黄 色调 的 渐变 纹理 ; 而 中 间 的 图 使 用 的 渐变 纹 
里 则 和 《军团 要 塞 2》 中 泻 染 人 物 使 用 的 渐变 纹理 是 类 似 的 ， 它 们 都 是 从 黑色 逐渐 向 浅 灰色 靠拢 ， 
而 且 中 间 的 分 界线 部 分 微微 发 红 ， 这 是 因为 画家 在 插画 中 往往 会 在 阴影 处 使 用 这 样 的 色调 ; 右 侧 
的 渐变 纹理 则 通常 被 用 于 卡通 风格 的 泻 染 ， 这 种 渐变 纹理 中 的 色调 通常 是 突变 的 ， 即 没有 平滑 过 
渡 ， 以 此 来 模拟 卡通 中 的 阴影 色 块 。 
为 了 实现 上 述 效果 ， 我 们 需要 进行 如 下 准备 工作 。 
(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_7_3。 在 Unity 5.2 中 ， 默 
认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 Window -> 
Lighting -> Skybox 中 去 掉 场 景 中 的 天 空 盒 
(2) 新 建 一 个 材质 。 在 本 书 资源 中 ,2 该 材质 名 为 RampTextureMat。 
(3) 新 建 一 个 Unity Shaders 在 本 书 资源 中 ， 该 Unity Shader 名 为 Chapter7-RampTexture。 把 
新 的 Unity Shader 赋 给 第 2 步 中 创建 的 材质 。 
(4) 向 场景 中 拖 电 一 个 Suzanne 模型 ， 并 把 第 2 步 中 的 材质 赋 给 该 模型 。 
(5) 保存 场景 。 
打开 新 建 的 Chapter7-RampTexture， 删 除 所 有 已 有 代码 ， 并 进行 如 下 修改 。 
(1) 首先 ， 我 们 需要 为 这 个 Shader 起 一 个 名 字 : 
| Shader "Unity Shaders Book/Chapter 7/Ramp Texture" { 
(2) 我 们 在 Properties 语义 块 中 声明 一 个 纹理 属性 来 存储 渐变 纹理 : 
Properties { 
Color ("Color Tinty COLoOr). Ss: (lr) 
_RampTex ("Ramp Tex", 2D) = "white" {} 


_Specular ("Specular", Color) = (1, 1, 1, 1) 
_Gloss ("Gloss", Range (8.0, 256)) = 20 


半 


本 


(3) 然后 ， 我 们 在 SubShader 语义 块 中 定义 了 一 个 Pass 语义 块 ， 并 在 Pass 的 第 一 行 指明 了 该 
Pass 的 光照 模式 : 


SubShader { 
Pass { 
Tags { "LightMode"="ForwardBase" 


LightMode 标签 是 Pass 标签 中 的 一 种 ， 它 用 于 定义 该 Pass 在 Unity 的 光照 流水 线 中 的 角色 。 

(4) 然后 ， 我 们 使 用 CGPROGRAM 和 ENDCG 来 包围 住 CG 代码 片 ， 以 定义 最 重要 的 顶点 
着 色 器 和 片 元 着 色 器 代码 。 我 们 使 用 加 ragma 指令 来 告诉 Unity， 我 们 定义 的 顶点 着 色 器 和 片 元 着 
色 器 叫 什么 名 字 。 在 本 例 中 ， 它 们 的 名 字 分 别 是 vert 和 frag: 
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CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


(5) 为 了 使 用 Unity 内 置 的 一 些 变量 ， 如 _LightColor0， 还 需要 包含 进 Unity 的 内 置 文 介 
Lighting.cginc : 


TT 


| #include "Lighting.cginc" 


(6) 随后 ， 我 们 需要 定义 和 Properties 中 各 个 属性 类 型 相 匹 配 的 变量 : 


fixed4 Color; 
sampler2D RampTex; 
float4 RampTex ST; 
fixed4 Specular; 
float Gloss; 


我 们 为 渐变 纹理 _RampTex 定义 了 它 的 纹理 属性 变量 RampTex_ST。 
(7) 定义 顶点 着 色 器 的 输入 和 输出 结构 体 : 


T 


struct a2v { 
float4 vertex : POSITION; 
float3 normal : NORMAL; 
float4 texcoord : TEXCOORDO; 
}; 


struct v2f 

float4 pos : SV_ POSITION; 
float3 worldNormal : TEXCOORDO; 
float3 worldPos : TEXCOORD]1; 
float2 uv : TEXCOORD2» 


}; 
(8) 定义 顶点 着 色 器 : 


oOo.worldNormal = UnityObjectToWorldNormal (v.normal); 
Oo.worldPos = mul( Object2World, v.vertex) .xyz; 
O.UuUV = TRANSFORM TEX(Vv.texcoord, RampTex); 


return oO 


我 们 使 用 了 内 置 的 TRANSFORM_TEX 宏 来 计算 经 过 平 铺 和 偏 移 后 的 纹理 坐标 。 
(9) 接 下 来 是 关键 的 片 元 着 色 器 : 


fixed4 frag(v2f i) : SV _ Target { 
fixed3 worldNormal = normalize (i.worldNormal); 
fixed3 worldLightDir = normalize (UnityWorldSpaceLightDir(i.worldPos)); 


fixed3 ambient = UNITY LIGHTMODEL AMBIENT.xy2z; 


// Use the texture to sample the diffuse color 

fixed halfLambert = 0.5 * dot(worldNormal, worldLightDir) + 0.5; 

fixed3 diffuseColor = tex2D( RampTex, fixed2(halfLambert, halfLambert)).rgb * 
_Color.rgb; 


fixed3 diffuse = LightColor0.rgb * diffuseColor; 


fixed3 viewDir = normalize (UnityWorldSpaceViewDir (i.worldPos)); 

fixed3 halfDir = normalize (worldLightDir + viewDir); 

fixed3 specular = LightColor0.rgb * _Specular.rgb * powl(max(0, dot(worldNormal, 
halfDir)), Gloss); 


v2f vert(a2v v) { 
V2f OF 
QPOs = mul (UNITY MATRIX MVP, Vv.vertex); 
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return fixed4(ambient + diffuse + specular, 1.0); 


} 


在 上 面 的 代码 中 , 我 们 使 用 6.4.3 节 中 提 到 的 半 兰 伯 特 模型 , 通过 对 法 线 方 向 和 光照 方向 的 点 
积 做 一 次 0.5 倍 的 缩放 以 及 一 个 0.5 大 小 的 偏 移 来 计算 半 兰 伯 特 部 分 halfLambert。 这 样 ， 我 们 得 
到 的 halfLambert 的 范围 被 映射 到 了 [0，1] 之 间 。 之 后 ， 我 们 使 用 halfLambert 来 构建 一 个 纹理 坐 
标 , 并 用 这 个 纹理 坐标 对 渐变 纹理 _RampTex 进行 采样 。 由 于 _RampTex 实际 就 是 一 个 一 维 纹理 ( 它 
在 纵 轴 方向 上 颜色 不 变 )， 因 此 纹理 坐标 的 u 和 v 方向 我 们 都 使 用 了 halfLambert。 然 后 ， 把 从 渐 
变 纹理 采样 得 到 的 颜色 和 材质 颜色 _Color 相 乘 ， 得 到 最 终 的 漫 反 射 颜 色 。 剩 下 的 代码 就 是 计算 高 
光 反 射 和 环境 光 ， 并 把 它们 的 结果 进行 相 加 。 相 信 读 者 已 经 对 这 些 步骤 非常 熟悉 了 。 

(10) 最 后 ， 我 们 为 该 Unity Shader 设置 合适 的 Fallback: 
| Fallback "Specular" 

保存 后 返回 场景 。 我 们 在 本 书 资源 中 提供 了 多 种 渐变 纹理 ， 如 Ramp_Texture0.psd 和 
Ramp_Texturel.psd 等 。 读 者 可 以 尝试 把 不 同 的 渐变 纹理 拖 上 忠 到 材质 面板 查看 效果 。 

需要 注意 的 是 ， 我 们 需要 把 渐变 纹理 的 Wrap Mode 设 为 Clamp 模式 ， 以 防止 对 纹理 进行 采样 
时 由 于 浮 点 数 精 度 而 造成 的 问题 。 图 7.19 
给 出 了 Wrap Mode 分 别 为 Repeat 和 Clamp 
模式 的 效果 对 比 。 

可 以 看 出 ， 左 图 (使 用 Repeat 模式 ) 
中 在 高 光 区 域 有 一 些 黑 点 ,这 是 由 浮 点 精 
度 造 成 的 ， 当 我 们 使 用 fixed2QialfLjambert, A 和 6 全 
halfLamberb 对 渐变 纹理 进行 采样 时 ,2 虽 
然 理 论 上 halfLambert 的 值 在 [051j] 之 间 ， 
但 可 能 会 有 1.000 01 这 样 的 值 出 现 * 如 果 
我 们 使 用 的 是 Repeat 模式 ， 此 时 就 会合 0 
弃 整 数 部 分 ， 只 保留 小 数 部 分 ， 得 到 的 值 
就 是 0.000 01， 对 应 了 渐变 图 中 最 左边 的 值 ， 即 黑色 。 因 此 ， 就 会 出 现 图 中 这 样 在 高 光 区 域 反 而 
黑 点 的 情况 。 我 们 只 需要 把 渐变 纹理 的 Wrap Mode 设 为 Clamp 模式 就 可 以 解决 这 种 问题 。 


| 这 四 纹 理 


遮 四 纹理 (mask texture) 是 本 章 要 介绍 的 最 后 一 种 纹理 ， 它 非常 有 用 ， 在 很 多 商业 游戏 ， 
都 可 以 见 到 它 的 身影 。 那 么 什么 是 遮 置 呢 ? 简单 来 讲 ， 遮 罩 多 许 我 们 可 以 保护 某 些 区 域 ， 使 它们 
免 于 某 些 修改 。 例 如 ， 在 之 前 的 实现 中 ， 我 们 都 是 把 高 光 反 射 应 用 到 模型 表面 的 所 有 地 方 ， 即 所 
有 的 像素 都 使 用 同样 大 小 的 高 光 强 度 和 高 光 指 数 。 但 有 时 ， 我 们 希望 模型 表面 某 些 区 域 的 反光 强 
烈 一些 ， 而 某 些 区 域 弱 一 些 。 为 了 得 到 更 加 细腻 的 效果 ， 我 们 就 可 以 使 用 一 张 遮 罩 纹 理 来 控制 光 
照 。 另 一 种 常见 的 应 用 是 在 制作 地 形 材质 时 需要 混合 多 张 图 片 ， 例 如 表现 草地 的 纹理 、 表 现 石子 
的 纹理 、 表 现 裸 露 土 地 的 纹理 等 ， 使 用 遮 单 纹理 可 以 控制 如 何 混合 这 些 纹理 。 
吕 用 氮 单 纹理 的 流程 一 般 是 : 通过 采样 得 到 遮 罩 纹 理 的 纹 素 值 ， 然 后 使 用 其 中 某 个 《或 某 几 
个 ) 通道 的 值 〈 例 如 texelr) 来 与 某 种 表面 属性 进行 相 乘 ， 这 样 ， 当 该 通道 的 值 为 0 时 ， 可 以 保 
护 表 面 不 受 该 属性 的 影响 。 总 而 言 之 ， 使 用 遮 罩 纹 理 可 以 让 美术 人 员 更 加 精准 〈 像 素 级 别 ) 地 控 
制 模型 表面 的 各 种 性 质 。 


Wrap Mode: Repeat Wrap Mode: Clamp 
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7.4.1 实践 


在 本 节 中 , 我 们 将 学 习 如 何 使 
含 漫 反射 、 未 使 


RA 


图 17.20 显示 了 只 


一 张 高 光 遮 单 纹理 ， 逐 像素 地 控制 模型 表 
j 遮 单 的 高 光 反 射 和 使 用 遮 罩 的 高 光 反 射 的 对 比 效 果 。 


7.4 ， 遮 罩 纹理 
的 高 光 反 射 强度 。 


光 反 射 + 遮 单 


4 图 7.20 ”使 用 高 光 遮 章 纹 理 。 从 左 到 右 ， 只 包含 漫 反射 ， 未 使 
我 们 使 用 的 咕 罩 纹理 如 图 7.21 所 示 。 可 以 看 出 ， 
节 ， 得 到 更 细腻 的 效果 。 


为 了 在 Unity Shader : 

(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 1 
名 为 Scene_7_4。 在 Unity 5.2 中 , 默认 情况 下 场景 将 包 
个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 
Window -> Lighting -> Skybox 中 去 掉 场 景 中 的 天 空 盒子 。 

(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 
MaskTextureMat。 

(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Unity 
Shader 名 为 Chapter7-MaskTexture。 把 新 的 Unity Shader 
赋 给 第 2 步 中 创建 的 材质 。 

(4) 在 场景 中 创建 一 个 胶 襄 体 ， 并 把 第 2 ; 
赋 给 该 胶 歧 体 。 

(5) 保存 场景 。 

打开 新 建 的 Chapter7-MaskTexture， 

(1) 首先 ， 我 们 需要 为 这 个 Shader 起 一 个 名 字 : 


| Shader "Unity Shaders Book/Chapter 7/Mask Texture" { 


步 中 的 材质 


遮 是 的 高 光 反 射 ， 使 遮 = 
遮 单 纹理 可 以 让 我 们 更 加 精细 地 控 


的 [ 写 光 反 射 
制 光照 细 


实现 上 述 效果 ， 我 们 需要 进行 如 下 准备 工作 。 


网 


7.21 


本 入 使 


的 高 光 庶 日 纹 理 


A 


删除 所 有 已 有 代码 ， 并 进行 如 下 修改 : 


(2) 我 们 需要 在 Properties 语义 块 中 声明 更 多 的 变量 来 控制 高 光 反 射 : 
Properties { 
Coleor (Color Tint Color) = (yb;yt) 
_MainTex ("Main Tex", 2D) = "white" {} 


_BumpMap ("Normal Map", 2D) = "bump" {} 
_BumpScale ("Bump Scale", Float) = 1.0 
_SpecularMask ("Specular Mask", 2D) = "white" {} 
_SpecularScale ("Specular Scale", Float) = 1.0 
Specular ("Specular™;y. Color). =: ‘(dy 1 ly 1) 
_Gloss ("Gloss", Range (8.0, 256)) = 20 


} 
上 面 属性 
于 控制 遮 罩 影响 度 的 系数 。 


中 的 _SpecularMask 即 是 我 们 需要 使 用 的 高 光 反 射 遮 置 纹 理 ， 


_SpecularScale 则 是 用 
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(3) 然后 ， 我 们 在 SubShader 语义 块 ! 
Pass 的 光照 模式 : 


SubShader { 


定义 了 一 个 Pass 语义 块 ， 并 在 Pass 的 第 一 行 指 明了 该 


Pass { 
Tags { "LightMode"="ForwardBase" 
LightMode 标签 是 Pass 标签 中 的 一 种 ， 它 用 于 定义 该 Pass 在 Unity 的 光照 流水 线 中 的 角色 。 


(4) 然后 ， 我 们 使 用 CGPROGRAM 和 ENDCG 来 包围 住 CG 代码 片 ， 以 定义 最 重要 的 顶点 


着 色 器 和 片 元 着 色 器 代码 。 我 们 使 用 #pragma 指令 来 告诉 Unity， 我 们 定义 的 顶点 着 色 器 和 片 元 着 
色 器 叫 什么 名 字 。 在 本 例 中 ， 它 们 的 名 字 分 别 是 vert 和 frag: 
CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


(5) 为 了 使 用 Unity 内 置 的 一 些 变量 ， 
Lighting.cginc : 


如 _LightColor0 ， 还 需要 包含 进 Unity 的 内 置 文件 


| #include "Lighting.cginc" 


(6) 随后 ， 我 们 需要 定义 和 Properties ! 


fixed4 Color; 

sampler2D MainTex; 
float4 MainTex ST; 
sampler2D BumpMap; 
float BumpScale; 
sampler2D SpecularMask; 
float SpecularScale; 
fixed4 Specular; 


float Gloss; 


各 个 属性 类 型 相 匹 配 的 变量 : 


我 们 为 主 纹理 _MainTex、 法 线 纹理 ”BumpMap 和 遮 黑 纹理 _SpecularMask 定义 了 它们 共同 使 
用 的 纹理 属性 变量 _MainTex_ST。 这 意味 着 ， 在 材质 面板 中 修改 主 纹理 的 平 铺 系 数 和 偏 移 系数 会 
同时 影响 3 个 纹理 的 采样 。 使 如 果 我 们 为 


这 种 方式 可 以 让 我 们 节省 需要 存储 的 纹理 坐标 数目 ， 
每 一 个 纹理 都 使 用 一 个 单独 的 属性 变量 TextureName_ST, 那么 随 着 使 用 的 纹理 数目 的 增加 ,我 们 
会 迅速 占 满 顶 点 着 色 器 中 可 以 使 用 的 插值 寄存 器 。 而 很 多 时 候 ， 我 们 不 需要 对 纹理 进行 平 铺 和 位 
移 操作 ， 或 者 很 多 纹理 可 以 使 用 同一 种 平 铺 和 位 移 操 作 ， 此 时 我 们 就 可 以 对 这 些 纹理 使 用 同一 个 
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变换 后 的 纹理 坐标 进行 采样 。 


(7) 定义 顶点 着 色 器 的 输入 和 输出 结构 体 : 
Struact .a 
float4 vertex : POSITION; 
float3 normal : NORMAL; 
float4 tangent : TANGENT; 
float4 texcoord : TEXCOORDO; 


}; 


St rust, v2f 4 
float4 pos 
loat2, Uv 
loat3 
oat3 


mh mh mh 


}; 


ihtDLr. 
viewDir : 


: SV POSITION; 
TEXCOORDO; 


TEXCOORD1; 
TEXCOORD2; 


(8) 在 顶点 着 色 器 


间 变 换 到 了 切线 空间 中 ， 以 便 在 片 元 着 色 器 中 和 法 线 进行 光照 运算 : 
v2f vert(a2v V) { 
v2f oOo; 


， 我 们 对 光照 方向 和 视角 方向 进行 了 坐标 空间 的 变换 ， 把 它们 从 模型 空 


o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 
O.UV.Xy = V.texcoord.xy * MainTex ST.xy + MainTex ST.zZw; 


TANGENT SPACE ROTATION; 
o.lightDir = mul (rotation, ObjSpaceLightDir(v.vertex)) .xyz; 
oO.viewDir = mul (rotation, ObjSpaceViewDir(v.vertex)) .xyz; 


return o; 


} 
(9) 使 用 遮 罩 纹 理 的 地 方 是 片 元 着 色 器 。 我 们 使 用 它 来 控制 模型 表面 的 高 光 反 射 强度 : 


fixed4 frag(v2f i) : SV _ Target { 
fixed3 tangentLightDir = normalize (i.lightDir); 
fixed3 tangentViewDir = normalize (i.viewDir); 


fixed3 tangentNormal = UnpackNormal (tex2D( BumpMap, i.uv)); 
tangentNormal.xy *= BumpScale; 
tangentNormal.z = sqrt(1.0 - saturate (dot (tangentNormal.xy, tangentNormal .xy))); 


fixed3 albedo = tex2D( MainTex, i.uv) .rgb * Color.rgb; 


fixed3 ambient = UNITY LIGHTMODEL AMBIENT.xyz * albedo; 


fixed3 diffuse = LightColor0.rgb * albedo * max(0, dot (tangentNormal, tangentLightDir)); 


fixed3 halfDir = normalize (tangentLightDir + tangentViewDir); 

// Get the mask value 

fixed specularMask = tex2D( SpecularMask, i.uv).r * SpecularScale; 

// Compute specular term with the specular mask 

fixed3 specular = LightColor0.rgb * Specular.rgb * pow(max(0, dot (tangentNormal, 
halfDir)), Gloss) * specularMask; 


return fixed4(ambient + diffuse + specular, 1.0); 


环境 光照 和 漫 反 射 光 照 和 之 前 使 用 过 的 代码 完全 一 样 。 在 计算 高 光 反 射 时 ， 我 们 首先 对 谈 淖 
纹理 _SpecularMask 进行 采样 。 由 于 本 书 使 用 的 遮 罩 纹 理 中 每 个 纹 素 的 rgb 分 量 其 实 都 是 一 样 的 ， 
表明 了 该 点 对 应 的 高 光 反 射 强度 ， 在 这 里 我 们 选择 使 用 r 分 量 来 计算 掩 码 值 。 然 后 ， 我 们 用 得 到 
的 掩 码 值 和 _SpecularScale 相 乘 ， 一 起 来 控制 高 光 反 射 的 强度 。 

需要 说 明 的 是 ， 我 们 使 用 的 这 张 遮 蛙 纹理 其 实 有 很 多 空间 被 浪费 了 一 一 它 的 rgb 分 量 存储 的 
都 是 同一 个 值 。 在 实际 的 游戏 制作 中 ， 我 们 往往 会 充分 利用 遮 畦 纹理 中 的 每 一 个 颜色 通道 来 存储 
不 同 的 表面 属性 ， 我 们 会 在 7.4.2 节 中 介绍 这 样 一 个 例子 。 
(10) 最 后 ， 我 们 为 该 Unity Shader 设置 了 合适 的 Fallback: 


| Fallback "Specular" 


7.4.2 ”其 他 遮 曾 纹理 


在 真实 的 游戏 制作 过 程 中 ， 让 单 纹理 已 经 不 止 限于 保护 某 些 区 域 使 它们 免 于 菜 些 修改 ， 而 是 
可 以 存储 任何 我 们 希望 逐 像素 控制 的 表面 属性 。 通常 ,我 们 会 充分 利用 一 张 纹理 的 RGBA 四 个 通 
道 ， 用 于 存储 不 同 的 属性 。 例 如 ， 我 们 可 以 把 高 光 反 射 的 强度 存储 在 R 通道 ， 把 边缘 光照 的 强度 
存储 在 G 通道 ， 把 高 光 反 射 的 指数 部 分 存储 在 B 通道 ， 最 后 把 自发 光 强 度 存储 在 A 通道 。 

在 游戏 《DOTA 2》 的 开发 中 , 开发 人 员 为 每 个 模型 使 用 了 4 张 纹理 : 一 张 用 于 定义 模型 颜色 ， 
一 张 用 于 定义 表面 法 线 ， 另 外 两 张 则 都 是 遮 黑 纹理。 这 样 ， 两 张 庶 畦 纹理 提供 了 共 8 种 额外 的 表 
在 属 性 ， 这 使 得 游戏 中 的 人 物 材质 自由 度 很 强 ， 可 以 支持 很 多 高 级 的 模型 属性 。 读 者 可 以 在 他 们 
的 官网 上 找到 关于 《DOTA 2》 的 更 加 详细 的 制作 资料 ， 包 括 游戏 中 的 人 物 模型 、 纹 理 以 及 制作 手 
及 等 。 这 是 非常 好 的 学 习 资 料 。 


YH 
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史明 效 末 


表示 该 像素 是 


透明 度 测试 (Alpha Test)， 


透明 是 游戏 中 经 常 要 使 用 的 一 种 效果 。 在 实时 泻 染 中 要 实现 透明 效果 ， 通 常会 在 演 染 模型 时 
控制 它 的 透明 通道 (Alpha Channel)。 当 开局 透明 混合 后 ， 当 一 个 物体 被 泻 染 到 屏幕 上 时 ， 每 个 
片 元 除了 颜色 值 和 深度 值 之 外 ， 它 还 有 另 一 个 属性 一 一 透明 度 。 当 透明 度 为 1 时 ， 
完全 不 透明 的 ， 而 当 其 为 0 时 ， 则 表示 该 像素 完全 不 会 显示 。 

在 Unity 中 , 我 们 通常 使 用 两 种 方法 来 实现 透明 效果 : 第 一 种 是 使 
这 种 方法 其 实 无 法 得 到 真正 的 半 透 明 效 果 ， 另 一 种 是 透明 度 混 合 〈Alpha Blending )。 


我 们 3 


问题 的 ， 
本 思想 是 : 根据 深度 缓存 : 
深度 值 和 已 经 存在 于 深度 缓冲 ! 


在 之 前 的 学 习 : 
没有 考虑 是 先 泻 染 A， 再 
于 不 透明 (opaque) 物体 ， 不 考虑 它们 的 演 染 | 
缓冲 Cdepth buffer, 也 被 称 为 z-buffer) 的 存在 。 在 实时 演 染 中 ， 
它 可 以 决定 哪个 物体 的 哪些 部 分 会 被 泻 染 在 前 面 ， 而 哪些 部 分 会 被 其 他 物体 遮挡 。 它 的 基 
关 断 该 片 元 距离 摄像 机 的 距离 ， 


， 我 们 从 没有 强调 过 演 染 


顺序 


的 问题 。 也 就 是 说 ， 当 场景 中 包 


泻 染 B， 最 后 有 


泻 


质 序 也 能 得 到 正确 的 排序 效果 ， 这 是 


染 C， 还 是 按照 其 他 的 


含 很 多 模型 时 ， 


质 序 来 演 染 。 事 实 上 ， 对 


| 于 强大 的 深度 


时 颜色 缓冲 中 的 像素 值 ， 并 把 它 的 深度 值 更 新 到 深度 缓冲 ! 
] 不 用 关心 不 透明 物体 的 泻 染 顺序 ， 
遮盖 掉 A， 因 为 在 进行 深度 测试 时 会 判断 出 B 距离 摄 
色 缓 冲 中 。 但 如 果 想 要 实现 透明 效果 ， 事 ; 


也 就 不 会 写 入 到 颜 


的 值 来 ; 


深度 缓冲 是 用 于 解决 可 


当 演 染 一 个 片 元 


见 性 Cvisibility) 


时 ， 需 要 把 它 的 


的 


值 进行 比较 《〈 如 果 开 局 
远 ， 那 么 说 明 这 个 片 元 不 应 该 被 泻 染 到 屏幕 上 (有 物体 挡住 了 它 ); 


ps 


简单 来 说 ， 透 


。 透明 度 测试 : 它 采 | 
六 值 ), 必 


是 小 于 某 个 


使 用 深度 缓冲 ， 
染 A 再 泻 染 B 也 不 用 担心 B 会 


可 以 让 我 人 


了 深度 测试 )， 如 果 它 的 


如果 开启 了 深度 写 入 


j 透 明度 混合 时 ， 我 们 关闭 了 深度 写 入 〈ZWrite )。 
明度 测试 和 透明 度 混 合 的 基本 原理 如 下 。 


否则 ， 这 个 片 元 应 该 覆盖 掉 此 


列 如 A 挡住 B， 


值 距离 摄像 机 更 


)。 


即便 我 们 先 泻 
像 机 更 远 ， 


二 


8 么 它 对 应 的 片 元 就 会 被 舍弃 。 被 舍弃 的 片 元 将 不 会 


青 就 不 那么 简单 了 ， 这 是 


对 为 ， 当 使 


] 一 种 “霸道 极端 ”的 机 制 ， 只 要 一 个 片 元 的 透明 度 不 满足 条 件 (通常 


再 进行 任 


可 处 理 ， 


也 不 会 对 颜色 缓冲 产生 任何 影响 ; 否则 , 就 会 按照 普通 的 不 透明 物体 的 处 理 方式 来 处 理 它 ， 


即 进行 深度 测试 、 深 度 写 入 等 。 也 就 是 说 ，; 
他 不 透明 物体 最 大 的 不 同 就 是 它 会 根据 透 
效果 也 很 极端 ， 要 么 完全 透明 ， 即 看 不 到 ， 
方法 可 以 得 到 真正 的 
,经 存储 在 颜色 缓冲 


。 透明 度 混合 


叉子， 


与 


这 利 


要 关 
序 。 


闭 深度 写 入 《我 1 
需要 注意 的 是 ， 透 明度 混合 只 关闭 了 深度 写 入 ,但 没有 关闭 深度 测试 。 这 意味 着 ， 当 


透明 度 测试 是 不 需要 关闭 深度 写 入 的 ， 它 和 其 


明度 来 舍弃 一 些 片 元 。 虽然 简 单 


Ea 


EF 透 


要 么 完全 不 透 
明 效果 。 它 会 使 


门下 面 会 


人 


Duel 


要 关闭 )， 这 使 得 我 们 要 非常 小 


使 用 透明 度 混 合演 染 一 个 片 元 时 , 还 是 会 比较 它 的 深度 值 与 当前 深度 缓冲 : 


明 ， 就 像 不 透明 物体 那样 。 
当前 片 元 的 透明 度 作为 混合 
的 颜色 值 进行 混合 ， 得 到 新 的 颜色 。 但 是 ， 透 明度 混合 需 
为 什 


, 但 是 它 产生 的 


心 物体 的 演 染 顺 


的 深度 值 ， 如 


住 透 


果 它 的 深度 值 昌 


E 离 摄像 机 更 远 ， 习 
明 物 体 出 现在 一 个 透明 物体 的 前 画 
明 物 体 。 也 就 是 说 ， 对 于 透明 度 混 合 来 说 ， 深 度 缓冲 是 只 读 的 。 


， 而 我 们 儿 


了 么 就 不 会 再 进行 混合 操作 。 这 一 点 决定 了 ， 当 一 个 不 透 
E 演 染 了 不 透明 物体 , 它 仍 然 可 以 正常 地 距 挡 


为 什么 泻 染 顺序 很 重要 


演 染 


用 说 到 ， 对 于 透明 度 混 合 技 术 ， 需 要 关闭 深度 写 入 ， 此 时 我 们 就 需要 小 心 处 理 透明 物体 的 


i 那么 ， 我 们 为 什么 要 关闭 深度 写 入 呢 ? 如 果 不 关 闭 深度 写 入 ， 一 个 半 透 明 表面 背后 的 


物体 ， 而 B 是 不 透明 | 

` 同 的 泻 染 顺 
第 一 种 情况 , 我 们 先 泻 染 
而 此 时 深度 缓冲 
门 泻 染 A， 透 明 物 体 仍然 会 进 
寻 此 ， 我 们 会 使 用 A 的 透 


表面 本 来 是 可 以 透 过 它 被 我 们 看 到 的 ， 但 由 于 深度 测试 时 判断 结果 是 该 半 透 明 表面 距离 摄像 机 更 
导致 后 面 的 表面 将 会 被 剔除 ， 我 们 也 就 无 法 透 过 半 透 明 表面 看 到 后 面 的 物体 了 。 但 是 ， 我 们 
就 破坏 了 深度 缓冲 的 工作 机 第 


1， 而 这 是 一 个 非常 非常 非常 (重要 的 事情 要 讲 3 壳 ) 糟糕 的 事 


I 关闭 深度 写 入 导致 演 染 顺序 将 变 得 非常 重要 。 


简单 的 情况 。1 


勿 体 。 


效果 。 
。 第 二 种 情况 ， 


我 就 放心 地 写 


出 现在 了 A 的 前 


忆 此 A 直接 写 入 颜 
缓冲 。 等 到 演 染 B 


前 会 有 什么 结 


段 设 场景 里 有 两 个 物体 A 和 B， 如 图 8.1 所 示 ， 其 中 A 是 半 透 明 


号 


人 信 0o 
B, 再 泻 染 A。 那么 由 于 不 透明 物体 开启 了 深度 测试 和 深度 检验 ， 


(ee 


了 
没有 任何 有 效 
行 ; 


数据 ， 因 此 B 首先 会 写 入 颜色 缓冲 和 深度 缓冲 。 随 后 我 
深度 测试 ， 因 此 我 们 发 现 和 了 B 相 比 A 距离 摄像 机 更 近 ， 
明度 来 和 颜色 缓冲 中 的 B 的 颜色 进行 混合 ， 得 到 正确 的 半 透 明 


我 们 先 泻 染 


A， 再 演 染 B。 泻 染 A 时 ， 深 度 缓冲 区 中 没有 任何 有 效 数 据 ， 


色 缓冲 ， 但 由 于 对 半 透 明 物 体 关 闭 了 深度 写 入 ， 因 此 A 不 会 修改 深度 


时 ， B 


会 进行 深度 测试 ， 它 发 现 ,“ 吓 ， 深 度 缓 存 中 还 没有 人 来 过 ， 那 


入 颜色 缓冲 了 !1”， 结 果 就 是 B 会 直接 覆盖 A 的 颜色 。 从 视觉 上 来 看 ，B 就 


面 ， 而 这 是 错误 的 。 


从 这 个 例子 可 以 看 出 ， 当 关闭 了 深度 写 入 后 ， 演 染 顺 序 是 多 么 重要 。 由 此 我 们 知道 ， 我 们 应 


A 


该 在 不 透明 物体 泻 染 完 之 后 再 泻 染 半 透 明 物 体 。 那么 , 如 果 都 是 半 透 明 物 体 , 演 染 顺序 还 重要 吗 ? 
答案 是 肯定 的 。 还 是 假设 场景 里 有 两 个 物体 A 和 B, 如 图 8.2 所 示 , 其 中 A 和 B 都 是 半 透 明 物体 。 


<O> 一 w 


A 


是 半 透 明 物 体 


4 图 8.1 场景 中 有 两 个 物体 ， 


<O> 一 


B A B 


其 中 A (黄色 ) 4 图 8.2 场景 中 有 两 个 物体 ， 其 中 A 和 B 都 是 半 透 明 物 体 


，B ( 紫色 ) 是 不 透明 物体 


我 们 还 是 考虑 不 同 的 泻 染 顺 / 
。 第 一 种 情况 ， 我 们 先 泻 染 B， 再 泻 染 A。 那 么 B 会 正常 写 入 颜色 缓冲 ， 然 后 A 会 和 颜色 


缓冲 中 的 B 颜色 进行 混合 ， 得 到 正确 的 半 透 明 效 果 。 


字 有 什么 不 同 结果 。 


。 第 二 种 情况 ， 我 们 先 泻 染 A， 再 演 染 B。 那 么 A 会 先 写 入 颜色 缓冲 ， 随 后 B 会 和 颜色 组 
冲 中 的 A 进行 混合 ， 这 相 


就 是 错误 的 半 


透明 结构 。 


混合 结果 会 完全 反 过 来 ， 看 起 来 就 好 像 B 在 A 的 前 面 ， 得 到 的 


从 这 个 例子 可 以 看 出 ， 半 透明 物体 之 间 也 是 要 符合 一 定 的 演 染 顺序 的 。 
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基于 这 两 点 ， 演 染 引擎 一 般 都 会 先 对 物体 进行 排序 ， 再 泻 染 。 和 常用 的 方法 是 。 

(1) 先 泻 染 所 有 不 透明 物体 ， 并 开启 它们 的 深度 测试 和 深度 写 入 。 

(2) 把 半 透 明 物体 按 它 们 距离 摄像 机 的 远近 进行 排序 ， 然 后 按照 从 后 往 前 的 顺序 泻 染 这 些 半 
透明 物体 ， 并 开启 它们 的 深度 测试 ， 但 关闭 深度 写 入 。 

那么 ， 问 题 都 解决 了 吗 ? 不 幸 的 是 ， 仍 然 没 有 。 在 一 些 情况 下 ， 半 透明 物体 还 是 会 出 现 “ 穿 
帮 镜 头 ”。 如 果 我 们 仔细 想 想 的 话 ， 上 面 给 出 的 第 2 步 中 演 染 顺序 仍然 是 含糊 不 清 的 一 一 “ 按 它 们 
距离 摄像 机 的 远近 进行 排序 ”, 那么 它们 距离 摄像 机 的 远近 是 如 何 决定 的 呢 ?” 读 者 可 能 会 马上 脱口 
而 出 ,，“ 就 是 距离 摄像 的 深度 值 嘛 !” 但 是 ， 深 度 绥 冲 中 的 值 其 实 是 像素 级 别 的 ， 即 每 个 像素 有 
个 深度 值 ， 但 是 现在 我 们 对 单个 物体 级 别 进行 排序 ， 这 意味 着 排序 结果 是 ， 要 么 物体 A 全 部 在 B 
前 面 泻 染 ， 要 么 A 全 部 在 了 B 后 面 渲染。 但 如 果 存 在 循环 重合 的 情况 ， 那 么 使 用 这 种 方法 就 永远 无 
法 得 到 正确 的 结果 。 图 8.3 给 出 了 3 个 物体 循环 重 登 的 情况 。 
在 图 8.3 中 ， 由 于 3 个 物体 互相 重合 ， 我 们 不 可 能 得 到 一 个 正确 的 排序 顺序 。 这 种 时 候 ， 我 
们 可 以 选择 把 物体 拆 分 成 两 个 部 分 ， 然 后 再 进行 正确 的 排序 。 但 即便 我 们 通过 分 割 的 方法 解决 了 
循环 覆盖 的 问题 ， 还 是 会 有 其 他 的 情况 来 ”捣乱 ”。 考 虑 图 8.4 给 出 的 情况 。 


A 
< 一 8 
4 图 8.3 ”循环 重 又 的 半 透 明 物 体 总 是 4 图 8.4 使 用 哪个 深度 对 物体 进行 排序 。 红 色 点 分 别 标明 了 
无 法 得 到 正确 的 半 透 明 效 果 网 格 上 距离 摄像 机 最 近 的 点 、 最 远 的 点 以 及 网 格 中 点 


这 里 的 问题 是 : 如 何 排序 ? 我 们 知道 , 一 个 物体 的 网 格 结构 往往 占据 了 空间 中 的 茶 一 块 区 域 ， 
也 就 是 说 ， 这 个 网 格 上 每 一 个 点 的 深度 值 可 能 都 是 不 一 样 的 ， 我 们 选择 哪个 深度 值 来 作为 整个 物 
体 的 深度 值 和 其 他 物体 进行 排序 呢 ? 是 网 格 中 点 吗 ? 还 是 最 远 的 点 ? 还 是 最 近 的 点 ? 不 地 的 是 ， 
对 于 图 8.4 中 的 情况 , 选择 哪个 深度 值 都 会 得 到 错误 的 结果 , 我 们 的 排序 结果 总 是 A 在 B 的 前 面 ， 
但 实际 上 A 有 一 部 分 被 B 遮挡 了 。 这 也 意味 着 ， 一 旦 选 定 了 一 种 判断 方式 后 ， 在 某 些 情况 下 半 透 
明 物 体 之 间 一 定 会 出 现 错误 的 遮挡 问题 。 这 种 问题 的 解决 方法 通常 也 是 分 割 网 格 。 

尽管 结论 是 ， 总 是 会 有 一 些 情况 打 乱 我 们 的 阵脚 ， 但 由 于 上 述 方法 足够 有 效 并 且 容 易 实现 ， 因 此 
大 多 数 游戏 引擎 都 使 用 了 这 样 的 方法 。 为 了 减少 错误 排序 的 情况 ， 我 们 可 以 尽 可 能 让 模型 是 凸 面体 ， 
并 且 考 虑 将 复杂 的 模型 拆 分 成 可 以 独立 排序 的 多 个 子 模型 等 。 其 实 就 算 排序 错误 结果 有 时 也 不 会 非常 
糟糕 ， 如 果 我 们 不 想 分 割 网 格 ， 可 以 试 着 让 透明 通道 更 加 和 柔和， 使 穿插 看 起 来 并 不 是 那么 明显 。 我 们 
也 可 以 使 用 开启 了 深度 写 入 的 半 透 明 效 果 来 近似 模拟 物体 的 半 透 明 《〈 详 见 8.5 节 )。 

下 面 ， 我 们 就 来 看 一 下 Unity 是 如 何 解决 排序 问题 的 。 


82 | Unity Shader 的 泻 染 顺 序 


Unity 为 了 解决 泻 染 顺序 的 问题 提供 了 泻 染 队 列 (render queue) 这 一 解决 方案 。 我 们 可 以 使 


T 
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用 SubShader 的 Queue 标签 来 决定 我 们 的 模型 将 归于 哪个 泻 染 队 列 。Unity 在 内 部 使 用 一 系列 整 


数 索 引 来 表示 每 个 渲染 队列 ， 且 索引 号 越 小 表示 越 早 被 泻 染 。 在 Unity 5 中 ，Unity 提前 定义 了 5 
个 泻 染 队列 (与 Unity 5 之 前 的 版 本 相 比 多 了 一 个 AlphaTest 泻 染 队列 )， 当 然 在 每 个 队列 中 间 我 
们 可 以 使 用 其 他 队列 。 表 8.1 给 出 了 这 5 个 提前 定义 的 演 染 队列 以 及 它们 的 描述 。 


表 8.1 Unity 提前 定义 的 5 个 泻 染 队 列 
名 称 队列 索引 号 描 述 
人 1000 这 个 演 染 队列 会 在 任何 其 他 队列 之 前 被 演 染 ， 我 们 通常 使 用 该 队列 来 这 染 那些 需要 绘 
名 制 在 背景 上 的 物体 
Geometry 2000 默认 的 泻 染 队 列 ， 大 多 数 物 体 都 使 用 这 个 队列 。 不 透明 物体 使 用 这 个 队列 
AlphaTest 2450 需要 透明 度 测试 的 物体 使 用 这 个 队列 。 在 Unity 5 中 它 从 Geometry 队列 中 被 单独 分 出 
上 来 ， 这 是 因为 在 所 有 不 透明 物体 演 染 之 后 再 泻 染 它 们 会 更 加 高 效 
这 个 队列 中 的 物体 会 在 所 有 Geometry 和 AlphaTest 物体 泻 染 后 ， 再 按 从 后 往 前 的 顺序 
Transparent 3000 进行 泻 染 。 任 何 使 用 了 透明 度 混合 (例如 关闭 了 深度 写 入 的 Shader) 的 物体 都 应 该 使 
该 队 克 
Overlay 4000 该 队列 用 于 实现 一 些 且 加 效果 。 任 何 需要 在 最 后 泻 染 的 物体 都 应 该 使 用 该 队列 


} 


} 


因此 ， 如 果 我 们 想 要 通过 透明 度 测试 实现 透明 效果 ， 代 码 


SubShader 
Tags { "Queue"="AlphaTest" } 


Pass { 


应 该 包含 类 似 下 面 的 代码 : 


如 果 我 们 想 要 通过 透明 度 混 合 来 实现 透明 效果 ， 代 码 中 应 该 包含 类 似 下 面 的 代码 : 


SubShader { 


Pass { 
ZWrite Off 


Tags { "Queue"="Transparent"™" } 


其 中 ，ZWrite Off | 


于 关闭 深度 写 入 ， 在 这 里 我 们 选择 把 它 写 在 Pass 中 。 我们 也 可 以 把 它 写 


在 SubShader 中 ， 这 意味 着 该 SubShader 下 的 所 有 Pass 都 会 关闭 深度 写 入 。 


LT] 透明 度 测试 


我 们 来 看 一 下 如 何在 Unity 中 实现 透明 度 测试 的 效果 。 在 上 面 我 们 已 经 知道 了 透明 度 测 试 的 


工作 原理 。 


透明 度 测试 : 只 要 一 个 片 元 的 透明 度 不 满足 条 件 〈 通 常 是 小 于 某 个 阔 值 )， 那么 它 对 应 的 片 元 


就 会 被 舍弃 。 被 舍弃 的 片 元 将 不 会 再 进行 任何 处 理 ， 也 不 会 对 颜色 缓冲 产生 任何 影响 ， 和 否则 ， 就 
会 按照 普通 的 不 透明 物体 的 处 理 方式 来 处 理 它 。 


通常 ， 我 们 会 在 片 元 


它 的 定义 如 下 。 
遂 数 : void clip(float4 x); void clip(float3 x); void clip(float2 x); void clip(floatl x); void clip(float x); 


二 


着 色 器 中 使 用 clip 函数 来 进行 透明 度 测试 。clip 是 CG 中 的 一 个 函数 ， 


参数 : 裁剪 时 使 用 的 标量 或 矢量 条 件 。 
描述 : 如 果 给 定 参 数 的 任何 一 个 分 量 是 负数 ， 就 会 舍弃 当前 像素 的 输出 颜色 。 它 等 同 于 下 本 
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的 代码 : 


void clip (float4 x) 
{ 
if (any(x < 0)) 
discard; 


} 


在 本 节 中 ， 我 们 使 用 图 8.5 中 的 半 透 明 纹理 来 实现 透明 度 测 试 。 在 本 书 资源 中 ， 该 纹理 名 为 
transparent_texture.psd。 该 透明 纹理 在 不 同 区 域 的 透明 度 也 不 同 ,我 们 通过 它 来 查看 透明 度 测试 的 
效果 。 
在 学 习 完 本 节 后 ， 我 们 可 以 得 到 类 似 图 8.6 中 的 效果 。 


€ Game Be 
600x400 3 Maximize on Play | Mute audio | Stats | Glzmos | 


4 图 8.5 一 张 透明 纹理 ， 其 中 每 个 4 图 8.6 ”透明度 测试 
方 格 的 透明 度 都 不 同 


为 此 ， 我 们 需要 进行 如 下 淮 备 焉 作 。 

(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene 8 _ 3。 在 Unity 5.2 中 ， 默 
认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒 子 。 在 Window -> 
Lighting -> Skybox 中 去 掉 场景 中 的 天 空 盒子 。 

(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 AlphaTestMat。 

(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Unity Shader 名 为 Chapter8-AlphaTest。 把 刘 
的 Unity Shader 赋 给 第 2 步 中 创建 的 材质 。 

(4) 在 场景 中 创建 一 个 立方 体 ， 并 把 第 2 步 中 的 材质 赋 给 该 模型 。 创 建 一 个 平面 ， 使 得 平 画 
位 于 立方 体 下面 。 

(5) 保存 场景 。 

打开 新 建 的 Chapter8-AlphaTest， 删 除 所 有 已 有 代码 ， 并 进行 如 下 修改 。 

(1) 首先 ， 我 们 需要 为 这 个 Shader 起 一 个 名 字 : 


| Shader "Unity Shaders Book/Chapter 8/Alpha Test"™ { 


(2) 为 了 在 材质 面板 中 控制 透明 度 测 试 时 使 用 的 阔 值 ， 我 们 在 Properties 语义 块 中 声明 一 个 
范围 在 [0, 1] 之 间 的 属性 _Cutoff: 
Properties { 
SCol6or ‘("Main. Tint"; "Color). Se (ly) 


_MainTex ("Main Tex", 2D) = "white" {} 
_Cutoff ("Alpha Cutoff", Range(0, 1)) = 0.5 


= 


匠 
1 


} 


大 定 我 们 调用 clip 进行 透明 度 测 试 时 使 用 的 判断 条 件 。 它 的 范围 是 [0，1]， 


Ne 


_Cutoff 参数 用 于 
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这 是 因为 纹理 像素 的 透明 度 就 是 在 此 范围 内 。 
(3) 然后 ， 我 们 在 SubShader 语义 块 中 定义 了 一 个 Pass 语义 块 : 


SubShader { 


Tags {"Queue"="AlphaTest" "lIgnoreProjector"="True" "RenderType"="TransparentCutout"} 


Pass { 
Tags { "LightMode"="ForwardBase" } 


我 们 在 8.2 节 中 己 经 知道 演 染 顺序 的 重要 性 ， 并 且 知 道 在 Unity 中 透明 度 测试 使 


的 泻 染 队 


列 是 名 为 AlphaTest 的 队列 ， 因 此 我 们 需要 把 Queue 标签 设置 为 AlphaTest。 而 RenderType 标签 可 


以 让 Unity 把 这 个 Shader 归 入 到 提前 定义 的 组 (这 里 就 是 TransparentCutout 组 ) 中 , 以 指 
是 一 个 使 用 了 透明 度 测试 的 Shader。RenderType 标签 通常 被 用 于 着 色 器 蔡 换 功 能 。 


明 该 Shader 


我 们 还 把 


IgnoreProjector 设置 为 True， 这 意味 着 这 个 Shader 不 会 受到 投影 器 (Projectors〉 的 影响 。 通 常 ， 
使 用 了 透明 度 测 试 的 Shader 都 应 该 在 SubShader 中 设置 这 三 个 标签 。 最 后 ，LightMode 标签 是 Pass 
标签 中 的 一 种 ， 它 用 于 定义 该 Pass 在 Unity 的 光照 流水 线 中 的 角色 。 只 有 定义 了 正确 的 LightMode， 


我 们 才能 正确 得 到 一 些 Unity 的 内 置 光 照 变量 ， 例 如 _LightColor0。 


(4) 然后 ， 我 们 使 用 CGPROGRAM 和 ENDCG 来 包围 住 CG 代码 片 ， 来 定义 最 重要 的 顶点 


片 元 着 色 咒 叫 什么 名 字 。 在 本 例 中 ， 它 们 的 名 字 分 别 是 vert 和 frag: 


CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


(5) 为 了 使 用 Unity 内 置 的 一 些 变 量 ， 如 _LightColor0， 还 需要 包含 进 Unity 的 内 置 文件 


Lighting.cginc: 


| #include "Lighting.cginc" 


(6) 为 了 和 Properties 语义 块 中 声明 的 属性 建立 联系 ， 我 们 需要 定义 和 各 个 属性 类 型 相 匹配 


的 变量 : 


fixed4 Color; 
sampler2D MainTex; 
float4 MainTex ST; 
fixed Cutoff; 


由 于 _Cutoff 的 范围 在 [0, 1]， 因 此 我 们 可 以 使 用 fixed 精度 来 存储 它 。 
(7) 然后 ， 我 们 定义 了 顶点 着 色 器 的 输入 和 输出 结构 体 ， 接 着 定义 顶点 着 色 器 : 


struct. a2Yv + 
float4 vertex : POSITION; 
float3 normal : NORMAL; 
float4 texcoord : TEXCOORDO; 


}; 


Strumet “V2 法 

float4 pos : SV_POSITION; 

loat3 worldNormal : TEXCOORDO; 
loat3 worldPos : TEXCOORD]1; 
loat2 uv : TEXCOORD2; 


mh mh mh 


}; 
v2f vert(a2v v) { 
V2f OF 


o.pos = mul (UNITY MATRIX MVP, Vv.vertex); 


oOo.worldNormal = UnityObjectToWorldNormal (v.normal); 


着 色 器 和 片 元 着 色 器 人 代码。 首先， 我 们 使 用 #pragma 指令 来 告诉 Unity， 我 们 定义 的 顶点 着 色 器 和 
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Oo.worldPos = mul( Object2World, v.vertex) .XYZ7 
o.uv = TRANSFORM TEX(V.texcoord, MainTex); 


return o; 


} 


上 面 的 代码 我 们 已 经 见 到 过 很 多 次 了 ， 我 们 在 顶点 着 色 器 计算 出 世界 空间 的 法 线 方向 和 顶点 
位 置 以 及 变换 后 的 纹理 坐标 ， 再 把 它们 传递 给 片 元 着 色 器 。 
(8) 最 重要 的 透明 度 测试 的 代码 在 片 元 着 色 器 中 : 


fixed4 frag(v2f i) : SV Target { 


fixed3 worldNormal = normalize (i.worldNormal); 
fixed3 worldLightDir = normalize (UnityWorldSpaceLightDir(i.worldPos)); 


fixed4 texColor = tex2D( MainTex, i.uv); 
// Alpha test 
clip-. (texColor.a = CUtoff)? 
// Equal to 
// if ((texColor.a - Cutoff) < 0.0) { 
// discard; 
// } 
fixed3 albedo = texColor.rgb * Color.rgb; 
fixed3 ambient = UNITY LIGHTMODEL AMBIENT.xyz * albedo; 
fixed3 diffuse = LightColorO.rgb * albedo * max(0, dot (worldNormal, worldLightDir)); 


return fixed4 (ambient + Qiffuse 1.0); 


前 面 我 们 已 经 提 到 过 clip 函数 的 定义 ,， 它 会 判断 它 的 参数 ， 即 texColor.a - _Cutoff 是 否 为 负 
数 ， 如 果 是 就 会 舍弃 该 片 元 的 输出 。 也 就 是 说 ， 当 texColor.a 小 于 材质 参数 _Cutoff 时 ， 该 片 元 就 
会 产生 完全 透明 的 效果 。 使 用 clip 函数 等 同 于 先 判断 参数 是 否 小 于 零 ， 如 果 是 就 使 用 discard 指令 
来 显 式 剔 除 该 片 元 。 后面 的 代码 和 之 前 使 用 过 的 完全 一 样 , 我 们 计算 得 到 环境 光照 和 漫 反射 光照 ， 
把 它们 相 加 后 再 进行 输出 。 

(9) 最 后 ， 我 们 需要 为 这 个 Unity Shader 设置 合适 的 Fallback: 


| Fallback "Transparent/Cutout/VertexLit" 


和 之 前 使 用 的 Diffuse 和 Specular 不 同 ， 这 次 我 们 使 用 内 置 的 Transparent/Cutout/VertexLit 来 
作为 回调 Shader。 这 不 仅 能 够 保证 在 我 们 编写 的 SubShader 无 法 在 当前 显卡 上 工作 时 可 以 有 合适 
的 代替 Shader， 还 可 以 保证 使 用 透明 度 测 试 的 物体 可 以 正确 地 向 其 他 物体 投射 阴影 ， 有 具体 原理 可 
以 参见 9.4.5 节 。 
材质 面板 中 的 Alpha cutoff 参数 用 于 调整 透明 度 测 试 时 使 用 的 浆 值 ， 当 纹理 像素 的 透明 度 小 于 该 值 
时 ， 对 应 的 片 元 就 会 被 舍弃 。 当 我 们 逐渐 调 大 该 值 时 ， 立 方 体 上 的 网 格 会 逐渐 消失 ， 如 图 8.7 所 示 。 


p 4 


NN 


4 图 8.7 ” 随 着 Alpha cutoff 参数 的 增 大 ， 更 多 的 像素 由 于 不 满足 透明 度 测试 条 件 而 被 吻 除 
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从 图 8.6 和 图 8.7 可 以 看 出 ， 透 明度 测试 得 到 的 透明 效果 很 “极端 ”一 一 要 么 完全 透明 ， 要么 
完全 不 透明 ， 它 的 效果 往往 像 在 一 个 不 透明 物体 上 挖 了 一 个 空洞 。 而 且 ， 得 到 的 透明 效果 在 边缘 
处 往往 参差 不 齐 ， 有 锯齿 ， 这 是 因为 在 边界 处 纹理 的 透明 度 的 变化 精度 问题 。 为 了 得 到 更 加 柔滑 
的 透明 效果 ， 就 可 以 使 用 透明 度 混 合 。 


IJ 透 明度 混合 


透明 度 混 合 的 实现 要 比 透 明度 测试 复杂 一 些 ， 这 是 因为 我 们 在 处 理 透 明度 测试 时 ， 实 际 上 跟 
对 待 普通 的 不 透明 物体 几乎 是 一 样 的 ， 只 是 在 片 元 着 色 器 中 增加 了 对 透明 度 判 断 并 裁剪 片 元 的 代 
码 。 而 想 要 实现 透明 度 混合 就 没有 这 么 简单 了 。 我 们 回顾 之 前 提 到 的 透明 度 混合 的 原 到 
透明 度 混合 : 这 种 方法 可 以 得 到 真正 的 半 透 明 效 果 。 它 会 使 用 当前 片 元 的 透明 度 作 为 混合 因 
子 ， 与 已 经 存储 在 颜色 缓冲 中 的 颜色 值 进 行 混合 ， 得 到 新 的 颜色 。 但 是 ， 透 明度 混合 需要 关闭 深 
度 写 入 ， 这 使 得 我 们 要 非常 小 心 物体 的 泻 染 顺 序 。 
为 了 进行 混合 ， 我 们 需要 使 用 Unity 提供 的 混合 命令 一 一 Blend。Blend 是 Unity 提供 的 设置 
混合 模式 的 命令 。 想 要 实现 半 透 明 的 效果 就 需要 把 当前 自身 的 颜色 和 已 经 存在 于 颜色 的 颜 
色 值 进行 混合 ， 混 合 时 使 用 的 函数 就 是 由 该 指令 决定 的 。 表 8.2 给 出 了 Blend 命令 的 语 
表 8.2 ShaderLab 的 Blend 命令 
语 义 描 
Blend Off 关闭 混合 


启 混合 ， 并 设置 混合 因子 。 源 颜色 该 片 元 产生 的 颜色 ) 会 乘 以 SreFactor， 而 目标 颜 
(已 经 存在 于 颜色 缓存 的 颜色 ) 会 乘 以 DstFactor， 然 后 把 两 者 相 加 后 再 存 入 颜色 缓冲 中 


F 


TT 


信 


Blend SrcFactor DstFactor 


Blend SrcFactor DstFactor, jj 上 口 昌 < 汪 浊 人 入 :天明 请 
SrcFactorA DstFactorA 和 上 面 几乎 样 ， 只 是 使 人 同 的 因 来 混合 透 明 通 道 


并 非 是 把 源 颜色 和 目标 颜色 简单 相 加 后 混合 ， 而 是 使 用 BlendOperation 对 它们 进行 其 
他 操作 


BlendOp BlendOperation 


在 本 节 里 , 我 们 会 使 用 第 二 种 语义 , 即 Blend SrcFactor DstFactor 来 进行 混合 。 需 要 注意 的 是 ， 
这 个 命令 在 设置 混合 因子 的 同时 也 开启 了 混合 模式 。 这 是 因为 ， 只 有 开启 了 混合 之 后 ， 设 置 片 元 
的 透明 通道 才 有 意义 ， 而 Unity 在 我 们 使 用 Blend 命令 的 时 候 就 自动 帮 我 们 打开 了 。 很 多 初学 者 
总 是 抱怨 为 什么 自己 的 模型 没有 任何 透明 效果 , 这 往往 是 因为 他 们 没有 在 Pass 中 使 用 Blend 命令 ， 
一 方面 是 没有 设置 混合 因子 ， 但 更 重要 的 是 ， 根 本 没有 打开 混合 模式 。 我 们 会 把 源 颜 色 的 混合 区 
子 SrcFactor 设 为 SrcAlpha, 而 目标 颜色 的 混合 因子 DstFactor 设 为 OneMinusSrcAlpha。 这 意味 着 ， 
经 过 混合 后 新 的 颜色 是 : 
DstColornew=SrcAIphaxSrcColor+(1—SrcAlIpha)xDstColorona 

通常 ， 透 明度 混合 使 用 的 就 是 这 样 的 混合 命令 。 在 
8.6 节 中 ， 我 们 会 看 到 更 多 混合 语义 的 用 法 。 

我 们 使 用 和 8.3 节 中 同样 的 透明 纹理 , 在 学 习 完 本 
节 后 ， 我 们 可 以 得 到 类 似 图 8.8 这 样 的 效果 。 

为 了 在 Unity 中 实现 透明 度 混合 , 我 们 先进 行 如 下 
准备 工作 。 

(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场 
景 名 为 Scene 8 4。 在 Unity 5.2 中 , 默认 情况 下 场景 将 包 
含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒 


A 图 8.8 透明 度 混合 
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子 。 在 Window -> Lighting -> Skybox 中 去 掉 场 景 中 的 天 空 盒 

(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 AlphaBlendMat。 

(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Unity Shader 名 为 Chapter8-AlphaBlend。 把 新 
的 Unity Shader 赋 给 第 2 步 中 创建 的 材质 。 

(4) 在 场景 中 创建 一 个 立方 体 ， 并 把 第 2 步 
位 于 立方 体 下 面 。 

(5) 保存 场景 。 

打开 新 建 的 Chapter8-AlphaBlend,， 删 除 所 有 已 有 代码 , 并 把 8.3 节 的 Chapter8-AlphaTest 代码 
全 部 粘贴 进去 ， 我 们 只 需要 在 这 个 基础 上 进行 一 些 修 改 即 可 。 

(1) 修改 Properties 语义 块 : 


Properties { 
Color-‘("Main. . Tint Color) 二 六 二 王公 于 
_MainTex ("Main Tex", 2D) = "white" {} 
_AlphaScale ("Alpha Scale", Range(0, 1)) = 1 


的 材质 赋 给 该 模型 。 创 建 一 个 平面 ， 使 得 平西 


我 们 使 用 一 个 新 的 属性 _AlphaScale 来 替代 原先 的 _Cutoff 属性 。_AlphaScale 用 于 在 透明 纹理 
的 基础 上 控制 整体 的 透明 度 。 相 应 的 ， 我 们 也 需要 在 Pass 中 修改 和 属性 对 应 的 变量 : 


fixed4 Color; 
sampler2D MainTex; 
float4 MainTex ST; 
fixed _AlphaScale; 


(2) 修改 SubShader 使 用 的 标签 


SubShader { 
Tags {"Queue"="Transparenty /"IgnoreProjector"="True" "RenderType"="Transparent"} 


在 本 章 一 开头 ， 我 们 已 经 知道 在 Unity 中 透明 度 混合 使 用 的 泻 染 队列 是 名 为 Transparent 的 队 
列 ， 因 此 我 们 需要 把 Queue 标签 设置 为 Transparent。RenderType 标签 可 以 让 Unity 把 这 个 Shader 
归 入 到 提前 定义 的 组 (这 里 就 是 Transparent 组 ) 中 , 用 来 指明 该 Shader 是 一 个 使 用 了 透明 度 混合 
的 Shader。RenderType 标签 通常 被 用 于 着 色 器 替换 功能 。 我 们 还 把 IgnoreProjector 设置 为 True， 
这 意味 着 这 个 Shader 不 会 受到 投影 器 〈Projectors) 的 影响 。 通 常 ， 使 用 了 透明 度 混 合 的 Shader 
都 应 该 在 SubShader 中 设置 这 3 个 标签 。 
(3) 与 透明 度 测 试 不 同 的 是 ， 我 们 还 需要 在 Pass 中 为 透明 度 混 合 进 行 合 适 的 混合 状态 设置 : 


Pass { 
Tags { "LightMode"="ForwardBase" } 


ZWrite Off 
Blend SrcAlpha OneMinusSsrcAlpha 


Pass 的 标签 仍 和 之 前 一 样 ， 即 把 LightMode 设 为 ForwardBase， 这 是 为 了 让 Unity 能 够 按 前 向 
泻 染 路 径 的 方式 为 我 们 正确 提供 各 个 光照 变量 。 除 此 之 外 , 我 们 还 把 该 Pass 的 深度 写 入 (ZWrite ) 
设置 为 关闭 状态 〈Off)， 我 们 在 之 前 已 经 讲 过 为 什么 要 这 样 做 了 。 这 是 非常 重要 的 。 然 后 ， 我 们 
开启 并 设置 了 该 Pass 的 混合 模式 。 如 在 本 节 开 头 所 讲 的 ， 我 们 将 源 颜 色 〈 该 片 元 着 色 器 产生 的 颜 
色 ) 的 混合 因子 设 为 SrcAlpha， 把 目标 颜色 〈 已 经 存在 于 颜色 缓冲 中 的 颜色 ) 的 混合 因子 设 为 
OneMinusSrcAlpha， 以 得 到 合适 的 半 透 明 效 果 。 

(4) 修改 片 元 着 色 器 : 


fixed4 frag(v2f i) : SV Target { 
fixed3 worldNormal = normalize (i.worldNormal); 
fixed3 worldLightDir = normalize (UnityWorldSpaceLightDir(i.worldPos)); 
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fixed4 texColor = tex2D( MainTex, i.uv); 


fixed3 albedo = texColor.rgb * 


ColGr.rgb> 


fixed3 ambient = UNITY LIGHTMODEL AMBIENT.xyz * albedo; 


fixed3 diffuse = LightColor0.rgb * albedo * max(0, dot (worldNormal, worldLightDir)); 


return fixed4 (ambient + diffuse, 


} 


texColor.a * 


_AlphaSscale); 


上 述 代码 和 8.3 节 中 的 几乎 完全 一 样 ， 只 是 移 除 了 透明 度 测试 的 代码 ， 并 设置 了 该 片 元 着 色 


器 返回 值 中 的 透明 通道 ， 它 是 纹 到 


始 所 说 的 ， 只 有 使 用 


Blend 命令 打 玫 


明度 并 不 会 对 片 元 的 透明 效果 有 任何 影响 。 
(5) 最 后 ， 修 改 Unity Shader 的 Fallback: 


| Fallback "Transparent/VertexLit" 


我 们 可 以 调 


节 材 质 面板 上 的 Alpha Scale 参数 ， 以 控 


Scale 参数 下 的 半 透 明 效 果 。 


像素 的 透明 通道 和 材质 参 
混合 后 ， 我 们 在 这 里 设置 透明 通 


数 _AlphaScale 的 乘积 。 
道 才 有 意义 ， 


正如 本 节 一 开 
和 否则， 这些 透 


制 整体 透明 度 。 图 8.9 给 出 了 不 同 Alpha 


我 们 在 8.1 节 中 详 
入 带 来 的 各 种 问题 。 


Pp 
入 


当 模 型 本 身 有 复杂 的 遮挡 关 
系 或 是 包含 了 复杂 的 非 凸 网 格 的 时 候 ， 曾 


就 会 有 各 


种 各 样 因为 排序 错误 


图 8.10 给 出 了 使 用 
模型 时 得 到 的 效果 。 


吴 而 产生 的 错误 的 透明 效果 。 
上 面 的 Unity Shader 演 染 Knot 


€ Game 


8.9 随 着 Alpha Scale 参数 的 减 小 ， 模 型 变 得 越 来 越 透明 
细 解 释 了 由 于 关闭 深度 写 


| 


这 都 是 由 于 我 们 关闭 了 深度 写 入 造成 的 ， 因 
为 这 样 我 们 就 无 法 对 模型 进行 像素 级 别 的 深度 
排序 。 在 8.1 节 中 我 们 提 到 了 一 种 解决 方法 是 分 
制 网 格 , 从 而 可 以 得 到 一 个 “质量 优等 ”的 网 格 。 i | 
但 是 很 多 情况 下 这 往往 是 不 切实 际 的 。 这 时 ， 我 he 
们 可 以 想 办 法 重新 利用 深度 写 入 ， 让 模型 可 以 像 We 六 
半 透 明 物 体 一 样 进行 淡 入 淡出 。 这 就 是 我 们 下 面 要 讲 的 内 容 。 
中 本 开启 深度 写 入 的 半 透明 效果 
在 8.4 节 最 后 ， 我 们 给 出 了 一 种 由 于 关闭 深度 写 入 而 造成 的 错误 排序 的 情况 。 一 种 解决 方法 
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是 使 用 两 个 Pass 来 演 染 模型 ， 第 一 个 Pass 开启 深度 写 入 ， 但 不 输出 颜色 ， 它 的 目的 仅仅 是 为 了 
把 该 模型 的 深度 值 写 入 深度 缓冲 中 ;第 二 个 Pass 进行 正常 的 透明 度 混 合 ， 由 于 上 一 个 Pass 已 经 
得 到 了 逐 像素 的 正确 的 深度 信息 ， 该 Pass 就 可 以 com EE 
按照 像素 级 别 的 深度 排序 结果 进行 透明 演 染 。 但 这 
方法 的 缺点 在 于 ， 多 使 用 一 个 Pass 会 对 性 能 造 
一 定 的 影响 。 在 本 节 最 后 ， 我 们 可 以 得 到 类 似 
图 8.11 中 的 效果 。 可 以 看 出 ， 使 用 这 种 方法 ,我 们 
万 然 可 以 实现 模型 与 它 后 面 的 背景 混合 的 效果 , 但 
模型 内 部 之 间 不 会 有 任何 真正 的 半 透 明 效 果 。 

为 此 ， 我 们 需要 进行 如 下 准备 工作 。 

(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 
该 场景 名 为 Scene 8_ 5。 在 Unity 5.2 中 ， 默 认 情 况 
下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 , 并 且 使 用 
了 内 置 的 天 空 盒子 。 在 Window -> Lighting -> Skybox 中 去 掉 场 景 中 的 天 空 盒子 。 

(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 AlphaBlendZWriteMat。 

(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 , 该 Unity Shader 名 为 Chapter8-AlphaBlendZWrite。 
把 新 的 Unity Shader 赋 给 第 2 步 中 创建 的 材质 。 

(4) 在 场景 中 创建 一 个 立方 体 ， 并 把 第 2 步 中 的 材质 赋 给 该 模型 。 创 建 一 个 平面 ， 使 得 平 盏 
位 于 立方 体 下 面 。 

(5) 保存 场景 。 

本 节 使 用 的 代码 和 8.4 节 使 用 的 Chapter8-AlphaBlend 几乎 完全 一 样 。 我 们 把 Chapter8- 
AlphaBlend 中 的 代码 粘贴 到 本 节 的 Chapter8-AlphaBlendZWrite 中 , 我 们 只 需要 在 原来 使 用 的 Pass 
前 面 再 增加 一 个 新 的 Pass 即 可 : 


Shader "Unity Shader Book/Chapter8-Alpha Blending ZWrite"™ { 
Properties { 
_Color ("Main Tint", Color) = (1,1,1,1) 
_MainTex ("Main Tex", 2D) = "white" {} 
_AlphaScale ("Alpha Scale", Range(0, 1)) =1 


4 图 8.11 开启 了 深度 写 入 的 半 透 明 效果 


} 
SubShader { 
Tags {"Queue"="Transparent" "IgnoreProjector"="True" "RenderType"="Transparent"} 


// Extra pass that renders to depth buffer only 
Pass { 

ZWrite On 

ColorMask 0 
} 


Pass { 


// 和 8.4 节 同样 的 代码 


} 


} 
Fallback "Diffuse" 
} 


这 个 新 添加 的 Pass 的 目的 仅仅 是 为 了 把 模型 的 深度 信息 写 入 深度 缓冲 中 , 从 而 剔除 模型 中 被 
自身 遮挡 的 片 元 。 因 此 ，Pass 的 第 一 行 开启 了 深度 写 入 。 在 第 二 行 ， 我 们 使 用 了 一 个 新 的 泻 染 命 
邻 一 一 ColorMask。 在 ShaderLab 中 ，ColorMask 用 于 设置 颜色 通道 的 写 掩 码 (write mask)。 它 的 
语义 如 下 : 


上 | colorMask RGB | A | 0 | 其 他 任何 R、G、B、AA 的 组 合 


下 
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ColorMask 设 为 0 时 ， 


需要 


处 ， 


我 人 


缓存 中 的 颜 ' 


在 8.4 一 节 ! 
不 仅仅 是 用 于 透明 度 混 合 。 在 
下 混合 
色 进 行 混合 。 这 档 


意味 着 该 Pass 不 写 入 任何 颜色 通道 ， 即 不 会 输出 


， 我 们 


”ShaderlLab 的 混合 命令 
已 经 看 到 如 何 利用 


本 贡 上 


] 首 先 来 看 


是 如 


只 需 写 入 深度 缓存 即 可 。 


Blend 命令 进行 混合 。 


有 ， 我 们 将 更 加 详细 地 了 


坚 混 合 中 


可 实现 的 。 当 片 元 着 色 器 产 4 


我 们 用 


的 是 从 颜色 缓冲 中 读 取 到 的 颜色 值 


用 于 


Kay 


它 会 重 妆 


后 为 我 人 
8.6.1 


想 要 使 | 


折 写 入 到 颜色 缓冲 '! 
和 输出 颜色 时 ， 它 们 都 包含 了 RGBA 四 
混合 ， 我 们 必须 首先 开启 它 。 在 TU 
命令 时 ， 除 了 设置 混合 ee 0 了 
例如 在 OpenGL 


] 做 了 这 些 工作 。 


混合 等 式 和 参数 


置 的 。 


在 2.3.8 节 ! 
也 就 是 说 ， 


一 来 ， 混 合 就 和 再 
色 (destination color)。 源 颜色 ， 我 们 用 $ 表示 ， 
D 表示 ， 指 


个 操作 数 有 关 : 


个 颜色 的 


片 元 着 


肯 的 是 


任何 颜 


实际 上 ， 混 合 还 有 很 多 


的 细节 问题 


时 候 ， 


可 以 选择 
源 颜 色 〈source color) 和 目标 颜 
着 色 器 产生 的 颜色 值 ; 


。 对 


个 通 i 


个 混 


置 又 是 如 何 实现 
现在 ,我们 
等 式 来 计算 。 我 们 把 这 


的 呢 ? 
己 知 


我 们 提 到 过 ， 混 合 是 
我 们 可 以 设置 混合 时 使 月 


两 个 操作 数 : 
个 等 式 称 为 混合 


。 需 要 注意 的 是 ， 
道 的 值 


混合 。 但 是 ， 在 划 
要 使 用 glEnable(GL_BLEND) 来 玫 


个 逐 片 元 的 操作 ， 而 
日 的 运算 操作 、 混 合 因子 等 来 影响 混合 。 那 么 ， 


它们 进行 混合 
当 我 人 


这 而 


非 仅 


nity 中 ， 


当 我 们 使 月 


他 


图 


] 谈 及 混合 ! 
仅 是 RGB 通道 。 
日 Blend (Blend Off 命令 


后 得 到 的 输出 颜 '1 
的 源 颜色 、 


其 他 月 


与 颜 


颜色 
我 
1 


目标 
名 


上 一 


目标 


乡 API 


我 们 是 需要 手动 开 


F 启 混合 。 但 有 


FE Unity : 


它 不 是 可 9 


源 颜 色 S 和 目标 颜色 D， 想 


合 等 式 : 
设置 的 就 


个 


局 :vw 
征 混 合 


用 于 混合 RGB 通道 ， 
合 等 式 中 的 操作 和 因子 。 

可 以 使 用 其 他 操作 )， 我 们 只 需要 再 
RGB 通道 和 A 通道 ), 每 


个 等 式 有 两 个 


寻 此 一 


需要 4 个 


大 


表 8.3 


命 


公 
和 


子 。 表 8.3 


在 默认 


情况 下 ， 


三 
有 要 得 


到 输 


等 式 (blend equation)。 当 进行 混合 
个 用 于 混合 A 通道 。 当 设置 混合 状态 时 ， 我 人 


站 从 包 


使 ) 


比 口 可 


式 


设置 
天 


ShaderLab 中 设置 混合 因 


下 混合 因子 即 可 。 
子 (一 个 用 于 和 源 
给 出 了 ShaderLab 中 设置 混合 


>» 


程 的 ,但 却 是 


出 颜色 O 就 必须 
时 ， 我 们 前 要 使 


j 的 操作 都 是 加 操作 


由 于 需要 两 个 等 式 〈 分 


颜色 相 乘 , 一 个 用 了 


大 


子 的 命令 。 


局 的 。 


已 


使 用 


色 


Es 


> 


门 
色 


CC 


令 除 外 ) 


它 已 经 在 背 


高 度 可 配 
这 些 配 


] 实 际 
(我 介 


别 用 于 混合 


F 和 目标 颜色 相 乘 )， 


Blend SrcFactor DstFactor 


1 EV 日 和 人 
启 混合 ， 并 设置 混合 


已 经 存在 于 颜 


天 
( 


站内 


色 绥 存 上 


色 《〈 该 片 元 产 


生 的 


颜色 


会 乘 以 DstFactor， 然 后 把 两 者 相 加 后 再 


,) 会 乘 以 SrcFactor， 而 


存 入 颜 


标 颜 
色 缓 冲 中 


Blend SrcFactor DstFactor, 
SrcFactorA DstFactorA 


可 以 发 现 ， 


划 


道 和 A 


第 一 个 


和 上 面 


令 只 


[几乎 一 样 ， 


不 同 的 因 


子 来 混合 透明 通道 


提供 大 


了 两 个 


2 个 命 


这 些 攻 
0 


rgb 


了 


进行 加 法 混合 


rgb 


日 的 混合 公式 : 


rgb 


O, = SrcFactorAxS, +DstFactorAxD, 


那么 ， 这 些 混合 


大 


子 可 以 有 哪些 值 


呢 ? 表 


6 


子 ， 这 意味 着 将 使 


8.4 给 


出 了 ShaderLab 支持 的 几 种 3 


下 


道 ， 即 此 时 SrcFactorA 将 等 于 SrcFactor，DstFactorA 将 等 于 DastFactor。 下 国 
时 使 月 


=SrcFactor xS,, + DstFactorxD 


» 


就 是 使 月 


同样 的 混合 因子 来 泥 合 RGB 通 
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表 8.4 ShaderLab 中 的 混合 因子 
人 参 数 描 述 
One 因子 为 1 
Zero 内 子 为 0 
SreColor 因子 为 源 颜 色 值 。 当 用 于 混合 RGB 的 混合 等 式 时 ， 使 用 SrcColor 的 RGB 分 量 作为 混合 因子 ; 
当 用 于 混合 A 的 混合 等 式 时 ， 使 用 SrcColor 的 A 分 量 作为 混合 因子 
SrcAlpha 因子 为 源 颜色 的 透明 度 值 (A 通道 ) 
DstColor 因子 为 源 颜 色 值 。 当 用 于 混合 RGB 通道 的 混合 等 式 时 ， 使 DstColor 的 RGB 分 量 作为 混合 医 
子 ; 当 用 于 混合 A 通道 的 混合 等 式 时 ， 使 用 DstColor 的 A 分 量 作为 混合 因子 。 
DstAlpha 为 子 为 目标 颜色 的 透明 度 值 (A 通道 ) 
OnelinussreColor 因子 为 (1- 源 颜色 )。 当 用 于 混合 RGB 的 混合 等 式 时 ， 使 用 结果 的 RGB 分 量 作为 混合 因子 ;， 当 
于 混合 A 的 混合 等 式 时 ， 使 用 结果 的 A 分 量 作为 混合 因子 
OneMinusSrcAlpha | 因子 为 (1- 源 颜色 的 透明 度 值 ) 
OneMinusDstColor | 因 子 为 (1- 目 标 颜 色 )。 当 用 于 混合 RGB 的 混合 等 式 时 ， 使 用 结果 的 RGB 分 量 作为 混合 因子 ; 当 
于 混合 A 的 混合 等 式 时 ， 使 用 结果 的 A 分 量 作为 混合 因子 
OneMinusDstAlpha | 因子 为 (1- 目 标 颜 色 的 透明 度 值 ) 


使 用 上 面 的 指令 进行 设置 时 ，RGB 通道 的 混合 因子 和 A 通道 的 混合 因子 都 是 一 样 的 ， 有 时 
我 们 希望 可 以 使 用 不 同 的 参数 混合 A 这 时 就 可 以 利用 Blend SrcFactor DstFactor, 
SrcFactorA DstFactorA 指令 。 例 如 关 如 果 我 们 想 要 在 混合 后 ， 输 出 颜色 的 透明 度 值 就 是 源 颜色 的 
透明 度 ， 可 以 使 用 下 面 的 命令 : 


| Blend SrcAlpha OneMinusSrcAlphas, One Zero 


8.6.2 ”混合 操作 


在 上 面 涉及 的 混合 等 式 中 ， 当 把 源 颜色 和 目标 颜色 与 它们 对 应 的 混合 因子 相 乘 后 ， 我 们 都 是 
把 它们 的 结果 加 起 来 作为 输出 颜色 的 。 那 么 可 不 可 以 选择 不 使 用 加 法 ， 而 RN 答案 是 肯 
定 的 ， 我 们 可 以 使 用 ShaderLab 的 BlendOp BlendOperation 命令 ， 即 混合 操作 命令 。 表 8.5 给 出 
了 ShaderLab 中 支持 的 混合 操作 。 


表 8.5 ShaderLab 中 的 混合 操作 
操 作 描述 
将 混合 后 的 源 颜色 和 目的 颜色 相 加 。 默 认 的 混合 操作 。 使 用 的 混合 等 式 是 : 
Add O,, =SrcFactor x S,,, + DstFactor x D,,, 
O, = SrcFactorAxS, +DstiFactorAxD, 


混合 后 的 源 颜色 减 去 混合 后 的 目的 颜色 。 使 用 的 混合 等 式 是 : 
Sub Ow =SrcFactor xS,,, —DstFactor x D,,, 


O, = SrcFactorAxS, — DstFactorAxD, 


混合 后 的 目的 颜色 减 去 混合 后 的 源 颜色 。 使 用 的 混合 等 式 是 : 
RevSub O,s, = DstFactor x D,,, —SrcFactor x S,,, 


O,=DstFactorAx D, —SrcFactorAxS, 


使 用 源 颜色 和 目的 颜色 中 较 小 的 值 ， 是 逐 分 量 比较 的 。 使 用 的 混合 等 式 是 : 
Os = (min(S,, D,), min(S,, D,), min(S,, D,), min(S,, D,)) 


Min 
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8.6 ShaderLab 的 混合 命令 


操 作 描 述 
使 用 源 颜色 和 目的 颜色 中 较 大 的 值 ， 是 逐 分 量 比较 的 。 使 用 的 混合 等 式 是 : 
和 Ow = (max(S,, D,), max(S,, D,), max(S,, D;), max(S,, D,)) 
其 他 逻辑 操作 仅 在 DirectX 11.1 中 支持 


混合 操作 命令 通常 是 与 混合 因子 命令 一 起 工作 的 。 但 需要 注意 的 是 ， 当 使 用 Min 或 Max 混 
合 操作 时 ， 混 合 因 子 实际 上 是 不 起 任何 作用 的 ， 它 们 仅 会 判断 原始 的 源 颜色 和 目的 颜色 之 间 的 比 
较 乡 吉 果 。 


8.6.3 ”常见 的 混合 类 型 
通过 混合 操作 和 混合 因子 命令 的 组 合 ， 我 们 可 以 得 到 一 些 类 似 Photoshop 混合 模式 中 的 混合 
效果 : 


// 正常 ( Normal )， 即 透明 度 混 合 
Blend SrcAlpha OneMinusSrcAlpha 


// 柔和 相 加 ( Soft Additive ) 
lend OneMinusDstColor One 


LU 


// 正片 翅 底 ( Multiply )， 即 相 乘 
Blend DstColor Zero 


Se 
> 
可 
9 时 
Sr 


目 乘 ( 2x Multiply ) 
Blend DstColor SrcColor 


// 变 暗 ( Darken ) 
Blendop Min 
Blend One One 


// 变 亮 ( Lighten ) 
BlendOop Max 
Blend One One 


// 滤 色 ( Screen ) 

Blend OneMinusDstColor One 
/ 

B 


/ 等 同 于 


lend One OneMinusSrcColor 


// 线性 减 淡 ( Linear Dodge ) 
Blend One One 


图 8.12 给 出 了 上 面 不 同 设 置 下 得 到 的 结果 。 我 们 可 以 在 本 书 资源 中 的 Scene_8_6_3 场景 中 找 
到 相关 资源 。 


柔和 相 加 


变 亮 虑 色 线性 减 淡 


4 图 8.12 不 同 混合 状态 设置 得 到 的 效果 
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需要 注意 的 是 , 虽然 上 面 使 用 Min 和 Max 混合 操作 时 仍然 设置 了 混合 因子 , 但 实际 上 它们 并 
不 会 对 结果 有 任何 影响 ,因为 Min 和 Max 混合 操作 会 忽略 混合 因子 。 男 一 点 是 , 虽然 上 面 有 些 混 
合 模式 并 没有 设置 混合 操作 的 种 类 ， 但 是 它们 默认 就 是 使 用 加 法 操作 ， 相 当 于 设置 了 BlendOp 
Add。 


双 面 泻 染 的 透明 效果 


在 现实 生活 中 ， 如 果 一 个 物体 是 透明 的 ， 意 味 着 我 们 不 仅 可 以 透 过 它 看 到 其 他 物体 的 样子 ， 
也 可 以 看 到 它 内 部 的 结构 。 但 在 前 面 实现 的 透明 效果 中 ， 无 论 是 透明 度 测 试 还 是 透明 度 混合 ， 我 
门 都 无 法 观察 到 正方 体内 部 及 其 背面 的 形状 ， 导 致 物体 看 起 来 就 好 像 只 有 半 个 一 样 。 这 是 因为 ， 
默认 情况 下 泻 染 引擎 剔除 了 物体 背面 《相对 于 摄像 机 的 方向 ) 的 演 染 图 元 ， 而 只 这 染 了 物体 的 正 
且 。 如 果 我 们 想 要 得 到 双 面 泻 染 的 效果 ， 可 以 使 用 Cull 指令 来 控制 需要 殊 除 哪个 面 的 泻 染 图 元 。 
在 Unity 中 ，Cull 指令 的 语法 如 下 : 

| Cull Back | Front | Off 

如 果 设 置 为 Back,， 那 么 那些 背 对 着 摄像 机 的 泻 染 图 元 就 不 会 被 泻 染 ， 这 也 是 默认 情况 下 的 吻 
除 状态 ， 如 果 设 置 为 Front， 那 么 那些 朝向 摄像 机 的 演 染 图 元 就 不 会 被 泻 染 ， 如 果 设 置 为 Off， 就 
会 关闭 剔除 功能 , 那么 所 有 的 泻 染 图 元 都 会 被 泻 染 , 但 由 于 这 时 需要 演 染 的 图 元 数目 会 成 倍增 加 ， 
忆 此 除非 是 用 于 特殊 效果 ， 例 如 这 里 的 双 面 泻 染 的 透明 效果 ， 通 常情 况 是 不 会 关闭 剔除 功能 的 。 


Co 


8.7.1 ”透明 度 测试 的 双 面 泻 染 


我 们 首先 来 看 一 下 ， 如 何 让 使 用 了 透明 度 测试 的 物体 实现 双 面 泻 染 的 效果 。 这 非常 简单 ， 只 
需要 在 Pass 的 泻 染 设置 中 使 用 Cull 第 令 来 关闭 风 除 即 可 。 为 此 ,我 们 新 建 了 一 个 场景 ,在 本 章 资 
源 中 ， 该 场景 名 为 Scene_8_7_1， 场 景 中 同样 包含 了 一 个 正方 体 ， 它 使 用 的 材质 和 Unity Shader 
分 别名 为 AlphaTestBothSidedMat 和 Chapter8-AlphaTestBothSided。Chapter8-AlphaTestBothSided 
的 代码 和 8.3 节 中 的 Chapter8-AlphaTest 几乎 完全 一 样 ， 只 添加 了 一 行 代码 : 


Das 
Tags { "LightMode"="ForwardBase" } 


/TUL oft GuLlLling: 
cull ff 


如 上 所 示 ， 这 行 代码 的 作用 是 关闭 剔除 功能 ， 
使 得 该 物体 的 所 有 的 泻 染 图 元 都 会 被 泻 染 。 由 此 ， 
我 们 可 以 得 到 图 8.13 中 的 效果 。 
此 时 ， 我 们 可 以 透 过 正方 体 的 铁 空 区 域 看 到 内 


部 的 演 染 结果 。 


8.7.2 ”透明 度 混合 的 双 面 泻 染 4 图 8.13” 双 面 泻 染 的 透明 度 测试 的 物体 


和 透明 度 测 试 相 比 ， 想 要 让 透明 度 混合 实现 双 面 泻 染 会 更 复杂 一 些 ， 这 是 因为 透明 度 混 合 需 
要 关闭 深度 写 入 ， 而 这 是 “一 切 混乱 的 开端 ” 我 们 知道 ， 想 要 得 到 正确 的 透明 效果 ， 演 染 顺 序 是 
非常 重要 的 一 一 我 们 想 要 保证 图 元 是 从 后 往 前 泻 染 的 。 对 于 透明 度 测 试 来 说 ， 由 于 我 们 没有 关闭 
深度 写 入 ， 因 此 可 以 利用 深度 缓冲 按 逐 像素 的 粒度 进行 深度 排序 ， 从 而 保证 演 染 的 正确 性 。 然 而 
旦 关闭 了 深度 写 入 ， 我 们 就 需要 小 心地 控制 泻 染 顺 序 来 得 到 正确 的 深度 关系 。 如 果 我 们 仍然 采 
] 8.7.1 节 中 的 方法 , 直接 关闭 剔除 功能 , 那么 我 们 就 无 法 保证 同一 个 物体 的 正面 和 背面 图 元 的 演 


Kor 


染 顺 序 ， 就 有 可 能 得 到 错误 的 半 透 明 效果 。 
为 此 ， 我 们 选择 把 双 用 泻 染 的 工作 分 成 两 个 Pass 一 一 第 一 个 Pass 只 演 染 背面 ， 第 二 个 Pass 


只 演 染 正面 ， 由 于 Unity 会 顺序 执行 SubShader 中 的 各 个 Pass， 因 此 我 们 可 以 保证 背面 总 是 在 正 
条 被 泻 染 之 前 渲染， 从 而 可 以 保证 正确 的 深度 泻 染 关 系 。 
我 们 新 建 了 一 个 场景 ， 在 本 章 资源 中 ， 该 场景 名 为 Scene_8_7_2， 场景 中 包含 了 一 个 正方 体 ， 它 


使 用 的 材质 和 Unity Shader 分 别名 为 AlphaBlendBothSidedMat 和 Chapter8-AlphaBlendBothSided。 相 较 
于 8.4 节 的 Chapter8-AlphaBlend， 我 们 对 Chapter8-AlphaTestBothSided 的 代码 做 了 两 个 改动 。 

(1) 复制 原 Pass 的 代码 ， 得 到 另 一 个 Pass。 

(2) 在 两 个 Pass 中 分 别 使 用 Cull 指令 剔除 不 同 朝向 的 泻 染 图 元 : 


Shader "Unity Shaders Book/Chapter 8/Alpha Blend With Both Side™ { 
Properties { 
Color. ("Main Tint™"y. Color) = (1;1;1;1) 
_MainTex ("Main Tex", 2D) = "white" {} 
_AlphaScale ("Alpha Scale", Range(0, 1)) = 1 
} 
SubShader { 
Tags {"Queue"="Transparent" "IgnoreProjector"="True" "RenderType"="Transparent"} 


Pass { 
Tags { "LightMode"="ForwardBase" } 


// First pass renders only back faces 
CuLll Front 


// 和 之 前 一 样 的 代码 
} 


Pass { 
Tags { "LightMode"="ForwardBase" } 


// Second pass renders only front faces 
Cull Back 


// 和 之 前 一 样 的 代码 
} 


} 
Fallback "Transparent/VertexLit" 


通过 上 面 的 代码 ， 我 们 可 以 得 到 图 8.14 中 的 效果 。 


€ Came a R 
600x400 , | Maximize on Play | Mute audio | Sa | Gizmos 


4 图 8.14” 双 面 泻 染 的 透明 度 混合 的 物体 
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第 3 篇 


中 级 篇 


中 级 篇 是 本 书 的 进 阶 篇 ， 将 讲解 Unity 中 的 渲染 路 
径 、 如 何 计 算 光 照 衰 减 和 阴影 、 如 何 使 用 高 级 纹理 
和 动画 等 一 系列 进 阶 内 容 。 

第 9 章 更 复杂 的 光照 

我 们 在 初级 篇 中 实现 的 光照 模型 中 没有 考虑 一 些 
重要 的 光照 计算 ， 如 阴影 和 光照 衰减 。 本 章 首 先 讲 
解 Unity 中 的 3 种 演 染 路 径 和 3 种 重要 的 光源 类 型 ， 
再 解释 如 何在 前 向 演 染 路 径 中 实现 包含 了 光照 衰 
减 人 .阴影 等 效果 的 完整 的 光照 计算 。 在 本 章 最 后 ， 
会 给 出 基于 之 前 学 习 内 容 实 现 的 包含 了 完整 光照 
计算 的 Unity Shader。 

第 10 章 高 级 纹理 
这 一 章 将 会 讲解 如 何在 Unity Shader 中 使 用 立方 体 
纹理 、 泻 染 纹理 和 程序 纹理 等 类 型 的 纹理 。 
第 11 章 让 画面 动 起 来 

静态 的 画面 往往 是 无 趣 的 。 这 一 章 将 帮助 读者 学 习 
如 何在 Shader 中 使 用 时 间 变 量 来 实现 纹理 动画 、 
顶点 动画 等 动态 效果 。 


从 本 章 开 始 ， 我 1 


一 行 代码 都 进行 了 详 


定 了 解 ， 因 此 在 


及 之 后 的 篇 节 中 ， 我 们 不 再 


择 其 中 的 关键 代码 进行 解释 。 
的 代码 大 多 是 为 了 阐述 一 些 计算 
的 Unity Shader。 


含 了 完整 光照 计算 


ee 


第 9 盖 更 复杂 的 光照 


] 就 进入 了 中 级 篇 的 学 习 。 在 初级 篇 中 ， 我 们 对 实现 的 Unity Shader 中 的 每 
笃 释 。 我 们 相信 通过 初级 篇 的 学 习 ， 读 者 已 经 对 Shader 的 基本 语法 有 了 一 


列 出 Unity Shader 中 的 每 一 行 代码 ， 而 是 选 


首 可 以 在 本 书 资源 ， 


在 前 面 的 学 习 中 ， 我 们 的 场景 中 都 仪 有 


云 


找 圣 


的 实现 原理 ， 并 不 可 


以 直接 用 了 


I 完整 的 实现 。 需 要 注意 的 是 ， 本 章 实现 
项 目 中 。 我 们 会 在 9.5 贡 给 出 包 


样 的 话 ， 可 能 会 得 至 
型 更 复杂 的 光源 。 员 


面 的 功能 。 


场景 里 放置 了 各 种 类 型 的 光源 后 7 Unity 的 底层 泻 染 引擎 是 如 何 让 我 们 寿 
寻 此 9.1 节 首 先 介绍 了 Unity 的 泻 染 路 径 > 之后， 我 们 将 有 
E 灯 。9;3 节 将 介绍 如 何在 Unity Shader 中 处 理光 照 衰减 ， 实 现 距 离 光 源 越 远 
并 学 习 在 Unity Shader 中 如 何 
住 的 Unity Shader， 这 


光源 ， 如 点 光源 和 


光 强 越 弱 的 效果 。 在 9.4 节 ， 我 们 将 介绍 Unity ' 
为 不 同类 型 的 物体 实现 


1 错误 的 结果 )。 但 在 实际 的 游戏 帮 
要 的 是 ， 我 们 想 要 得 到 阴影 。 在 本 章 我 们 就 会 学 习 如 何在 Unity 中 实现 上 


在 学 习 这 些 之 前 ， 我 们 有 必要 知道 -Unity 到 底 是 妇 


个 光源 


光源 类 型 是 平行 光 《〈 如 果 你 的 场景 不 是 这 


F 发 过 程 中 ,我 们 往往 需要 处 理 数目 更 多 、 类 


] 何 处 至 


这 些 光 源 的 。 也 就 是 说 ， 当 我 们 在 
FE Shader 中 访问 到 它们 的 ， 


阴影 的 实现 方法 ， 
。 最 后 ， 我 们 会 在 9.5 节 给 出 本 书 使 用 的 标 ; 
些 Unity Shader 包含 了 完整 的 光照 计算 ， 本 书后 面 的 章节 中 也 会 使 用 这 些 Shader 进行 场景 搭建 。 


站 Unity 的 泻 染 路 径 


在 Unity 里 , 泻 染 路 径 (Rendering Path ) + 
如 果 要 和 光源 打交道 , 我 们 
“ 哦 ， 原 来 这 个 程序 员 想 要 这 
据 里 ， 你 可 以 访问 啦 !” 也 
Shader 的 光照 计算 才能 被 正 

Unity 支持 多 种 类 


定 了 光照 是 如 何 应 ) 


E 9.2 节 中 学 习 如 何 


HH 


里 更 多 不 同类 型 的 


到 Unity Shader 中 的 。 因此， 
需要 为 每 个 Pass 指定 它 使 用 的 泻 染 路 径 , 只 有 这 样 才能 让 Unity 知道 ， 
h 演 染 路 径 ， 那么 好 的 ,我 把 光源 和 处 理 后 的 光照 信息 都 放 在 这 些 数 
就 是 说 ， 我 们 只 有 为 Shader 正确 地 选择 和 设置 了 需要 的 演 染 路 径 ， 该 
角 执 行 。 
的 泻 染 路 径 。 在 Unity 5.0 版 本 之 前 , 主要 有 3 利 


:前 向 泻 染 路 径 (Forward 


Rendering Path)、 延 迟 泻 染 路 径 (Deferred Rendering Path) 和 顶点 照明 泻 染 路 径 〈Vertex Lit 


Rendering Path)。 但 在 Unity 5.0 版 本 以 后 ，Unity 做 了 很 多 更 改 ， 主 要 有 
照明 演 染 路 径 已 经 被 Unity 抛弃 (但 目前 仍然 可 以 对 之 前 使 用 
兼容 ); 其 次 ， 新 的 延迟 泻 染 路 径 代 蔡 了 原来 的 延迟 演 染 路 径 〈 同 样 ， 目 育 


兼容 )。 


大 多 数 情况 下 ， 一 个 项 
路 径 。 我 们 可 以 通过 在 Unity 
Path 中 选择 项 目 所 需 的 演 染 


只 使 用 一 种 泻 染 路 径 ， 
Edit 一 Project Settings 一 Player 一 Other Settings 一 Rendering 
。 默 认 情况 下 ， 该 设置 选择 的 是 前 向 泻 


两 个 变化 : 首先 ， 顶 点 
了 顶点 照明 泻 染 路 径 的 Unity Shader 


| 


也 提供 了 对 较 旧 版 本 的 


大 | 


此 我 们 可 以 为 整个 ] 


设置 泻 染 时 的 泻 染 


染 路 径 ， 如 图 9.1 所 示 。 


但 有 时 ， 我 们 希望 可 以 使 用 多 个 演 染 路 径 ， 例 如 摄像 机 A 泻 染 的 物体 使 用 前 向 演 染 路 径 ， 而 


摄像 机 B 泻 染 的 物体 使 用 延迟 演 染 路 径 。 这 时 ， 我 们 可 以 在 每 个 摄像 机 的 泻 染 路 径 设 置 中 设置 该 
拔 像 机 使 用 的 演 染 路 径 ， 以 覆盖 Project Settings 中 的 设置 ， 如 图 9.2 所 示 。 


了 啤 思 Camera 次， 
Clear Flags | skybox 站 | 
Background EPE 
Culling Mask [Euenhng 3 
Projection [Perspective $4] 
Field of View Do @ 0 

Or tt es | ‖ Clipping Planes Near 0.3 

Rendering Far |1000 

Rendering Path* Viewport Rect 

Color Space* Deferred X 0 Yo 

Auto Graphics APlforWil Legacy Vertex Lit WiI HI 

Auto Graphics APlfor Lin Legacy Deferred (light prepass) Depth a 

Static Batching 加 Renderid v Use Player Settings | 


Dynamic Batching Target Té Forward 

GPU Skinning* 四 Occlusioi 

Stereoscopic rendering* ” 癌 HDR | Legacy Vertex Lit 
全 | 


Virtual Reality Supported TT Legacy Deferred (light prepass) 星 


9.2 ”摄像 机 组 件 的 Rendering Path 中 的 设置 
可 以 覆盖 Project Settings 中 的 设置 


在 上 面 的 设置 中 ， 如 果 选 择 了 Use Player Settings， 那 么 这 个 摄像 机 会 使 用 Project Settings ! 
的 设置 ， 否 则 就 会 覆盖 掉 Project Settings 中 的 设置 。 需 要 注意 的 是 ， 如 果 当 前 的 显卡 并 不 支持 所 
选择 的 演 染 路 径 ，Unity 会 自动 使 用 更 低 一 级 的 演 染 路 径 。 例 如 ， 如 果 一 个 GPU 不 支持 延迟 泻 染 ， 
那么 Unity 就 会 使 用 前 向 泻 染 。 
完成 了 上 面 的 设置 后 ， 我 们 就 可 以 在 每 个 Pass 中 使 用 标签 来 指定 该 Pass 使 用 的 演 染 路 径 。 
这 是 通过 设置 Pass 的 LightMode 标签 实现 的 。 不 同类 型 的 演 染 路 径 可 能 会 包含 多 种 标签 设置 。 
例如 ， 我 们 之 前 在 代码 中 写 的 : 


Pass { 
Tags { "LightMode" = "ForwardBase" } 


上 面 的 代码 将 告诉 Unity， 该 Pass 使 用 前 向 泻 染 路 径 中 的 ForwardBase 路 径 。 而 前 向 泻 染 路 径 


网 


4 图 9.1 设置 Unity 项 目的 泻 染 路 径 A 


还 有 一 种 路 径 叫 做 ForwardAdd。 表 9.1 给 出 了 Pass 的 LightMode 标签 支持 的 泻 染 路 径 设 置 选项 。 
表 9.1 LightMode 标签 支持 的 泻 染 路 径 设置 选项 
标 签 名 描述 
Always 不 管 使 用 哪 种 泻 染 路 径 ， 该 Pass 总 是 会 被 泻 染 ， 但 不 会 计算 任何 光照 
ForwardBase 于 前 向 浑 染 。 该 Pass 会 计算 环境 光 、 最 重要 的 平行 光 、 逐 顶点 /SH 光源 和 Lightmaps 
ForwardAdd 于 前 向 泻 染 。 该 Pass 会 计算 额外 的 逐 像素 光源 ， 每 个 Pass 对 应 一 个 光源 
Deferred | 于 延迟 泻 染 。 该 Pass 会 泻 染 G 缓冲 (G-buffer) 
ShadowCaster 把 物体 的 深度 信息 泻 染 到 阴影 映射 纹理 (shadowmap〉 或 一 张 深度 纹理 中 
PrepassBase 于 遗留 的 延迟 泻 染 。 该 Pass 会 演 染 法 线 和 高 光 反 射 的 指数 部 分 
PrepassFinal 用 于 遗留 的 延迟 泻 染 。 该 Pass 通过 合并 纹理 、 光 照 和 自发 光 来 泻 染 得 到 最 后 的 颜色 
Vertex 、VertexLMRGBM 和 干 污 轨 外 下 右上 昭明 党 沈 
VertexLM 还 用 的 顶点 照 明 泻 染 
那么 指定 演 染 路 径 到 底 有 什么 用 呢 ? 如 果 一 个 Pass 没有 指定 任何 演 染 路 径 会 有 什么 问 


江 洛 


吗 ? 通俗 来 讲 ， 指 定 泻 染 路 径 是 我 们 和 Unity 的 底层 泻 染 引擎 的 一 次 重要 的 沟通 。 例 如 ， 如 果 
们 为 一 个 Pass 设置 了 前 向 泻 染 路 径 的 标签 ， 相 当 于 会 告诉 Unity:“ 嘿 ， 我 准备 使 用 前 向 演 染 了 ， 
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你 把 那些 光照 属性 都 按 前 向 泻 染 的 流程 给 我 准备 好 ， 我 一 会 儿 要 用 !” 随 后 ， 我 们 可 以 通过 Unity 
提供 的 内 置 光 照 变量 来 访问 这 些 属性 。 如 果 我 们 没有 指定 任何 演 染 路 径 〈 实 际 上 , 在 Unity 5.x 版 
本 中 如 果 使 用 了 前 向 泻 染 又 没有 为 Pass 指定 任何 前 向 泻 染 适合 的 标签 ,就 会 被 当成 一 个 和 顶点 照 
明 泻 染 路 径 等 同 的 Pass)， 那 么 一 些 光 照 变量 很 可 能 不 会 被 正确 赋值 ， 我 们 计算 出 的 效果 也 就 很 
有 可 能 是 错误 的 。 
那么 ，Unity 的 演 染 引擎 是 如 何 处 理 这 些 泻 染 路 径 的 呢 ? 下 面 ， 我 们 会 对 这 些 泻 染 路 径 进 行 
更 加 详细 的 解释 。 


9.1.1 前 向 泻 染 路 径 


前 向 泻 染 路 径 是 传统 的 泻 染 方式 ， 也 是 我 们 最 常用 的 一 种 泻 染 路 径 。 在 本 节 ， 我 们 首先 会 概 
括 前 向 泻 染 路 径 的 原理 ,然后 再 给 出 Unity 对 于 前 向 演 染 路 径 的 实现 细节 和 要 求 ， 最 后 给 出 Unity 
Shader 中 哪些 内 置 变量 是 用 于 前 向 泻 染 路 径 的 。 


1， 前 向 泻 染 路 径 的 原理 


每 进行 一 次 完整 的 前 向 演 染 ， 我 们 需要 泻 染 该 对 象 的 演 染 图 元 ， 并 计算 两 个 缓冲 区 的 信息 : 
一 个 是 颜色 缓冲 区 ， 一 个 是 深度 缓冲 区 。 我 们 利用 深度 缓冲 来 决定 一 个 片 元 是 否 可 见 ， 如 果 可 见 
就 更 新 颜色 绥 冲 区 中 的 颜色 值 。 我 们 可 以 用 下 面 的 伪 代 码 来 描述 前 向 泻 染 路 径 的 大 致 过 程 : 


Pass { 
for (each Primitive in this, model) { 
for (each fragment covered by this primitive) { 

if (failed in dekpfhAeest)st{ 
// 如 果 没 有 通过 深度 测试 ; 说 明 该 片 元 是 不 可 见 的 
discard; 

} else { 
// 如 果 该 片 元 可 见 
// 就 进行 光照 计算 
float4 color =~Shading (materialInfo, pos, normal, lightDir, viewDir); 
// 更 新 帧 缓冲 
writeFrameBuffer (fragment, color); 


} 
} 


对 于 每 个 逐 像素 光源 ， 我 们 都 需要 进行 上 面 一 次 完整 的 演 染 流程 。 如 果 一 个 物体 在 多 个 逐 像 
素 光 源 的 影响 区 域内 ， 那 么 该 物体 就 需要 执行 多 个 Pass， 每 个 Pass 计算 一 个 逐 像素 光源 的 光照 结 
果 ， 然 后 在 帧 缓冲 中 把 这 些 光 照 结 果 混 合 起 来 得 到 最 终 的 颜色 值 。 假 设 ， 场 景 中 有 N 个 物体 ， 每 
个 物体 受 M 个 光源 的 影响 ， 那 么 要 泻 染 整 个 场景 一 共 需 要 N*M 个 Pass。 可 以 看 出 ， 如 果 有 大 量 
逐 像素 光照 ， 那 么 需要 执行 的 Pass 数目 也 会 很 大 。 因 此 ， 泻 染 引 擎 通常 会 限制 每 个 物体 的 逐 像素 
光照 的 数目 。 


2. Unity 中 的 前 向 演 染 


事实 上 ， 一 个 Pass 不 仅仅 可 以 用 来 计算 逐 像素 光照 ， 它 也 可 以 用 来 计算 逐 顶 点 等 其 他 光照 。 

这 取决 于 光照 计算 所 处 流水 线 阶段 以 及 计算 时 使 用 的 数学 模型 。 当 我 们 演 染 一 个 物体 时 ，Unity 

会 计算 哪些 光源 照 亮 了 它 ， 以 及 这 些 光 源 照 亮 该 物体 的 方式 。 

在 Unity 中 ， 前 向 泻 染 路 径 有 3 种 处 理光 照 〈 即 照 亮 物 体 ) 的 方式 : 逐 顶 点 处 理 、 逐 像素 处 
理 ， 球 谐 函 数 〈Spherical Harmonics，SH) 人 处理。 而 决定 一 个 光源 使 用 哪 种 处 理 模式 取决 于 它 的 
类 型 和 演 染 模式 。 光 源 类 型 指 的 是 该 光源 是 平行 光 还 是 其 他 类 型 的 光源 ， 而 光源 的 泻 染 模式 指 的 
是 该 光源 是 否 是 重要 的 〈Important)。 如 果 我 们 把 一 个 光照 的 模式 设置 为 Inportant， 意 味 着 我 们 
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告诉 Unity,“ 嘿 老兄 ， 这 个 光源 很 重要 ， 我 希望 你 可 以 认真 对 待 它 ， 把 它 当 成 一 个 逐 像 素 光源 来 


处 理 !” 我 们 可 以 在 光源 的 Light 组 件 中 设置 这 些 属性 ， 如 RE 加 记 
图 9.3 所 示 。 

在 前 向 泻 染 中 ， 当 我 们 泻 染 一 个 物体 时 ，Unity 会 根据 “Range Om 
场景 中 各 个 光源 的 设置 以 及 这 些 光源 对 物体 的 影响 程度 ( 例 。 Be ee 
如 ， 距 离 该 物体 的 远近 、 光 源 强 度 等 ) 对 这 些 光源 进行 一 个 。 | uneemensy Clo | 
重要 度 排 序 。 其 中 , 一 定数 目的 光源 会 按 逐 像素 的 方式 处 理 ，。 用 es 
然后 最 多 有 4 个 光源 按 逐 顶点 的 方式 处 理 , 剩 下 的 光源 可 以 ”La oa 
按 SH 方式 处 理 。Unity 使 用 的 判断 规则 如 下 。 es TT 

。 场景 中 最 亮 的 平行 光 总 是 按 逐 像素 处 理 的 。 pat 

。 演 染 模式 被 设置 成 Not Important 的 光源 , 会 按 逐 顶 。 向 go3 设置 光源 的 关 型 和 党 当 异 式 

点 或 者 SH 处 理 。 
。 演 染 模式 被 设置 成 Important 的 光源 ， 会 按 逐 像素 处 理 。 
。 如 果 根据 以 上 规则 得 到 的 逐 像素 光源 数量 小 于 Quality Setting 中 的 逐 像素 光源 数量 (Pixel 


那么 ， 在 哪里 进 


Light Count)， 会 有 更 多 的 光源 以 逐 像素 的 方式 进行 泻 染 。 


行 光照 计算 呢 ?” 当 然 是 在 Pass 里 。 前 面 提 到 过 ， 前 向 演 染 有 两 种 Pass: Base 


Pass 和 Additional Pass。 通 常 来 说 ， 这 两 种 Pass 进行 的 标签 和 演 染 设置 以 及 常规 光照 计算 如 图 9.4 


所 示 。 


可 实现 的 光照 效果 : 


Y ”默认 情况 下 不 支持 阴影 
但 可 以 通过 使 用 #pragma 


lti_compile_fwdadd_fulls 
dows 编 译 指令 来 开启 阴 


mu 
had 


Base Pass 


可 实现 的 光照 效果 : 2 

Y ”光照 纹理 i #pragma multi_compile_f 

Y ”环境 光 

v 自发 光 

人 光照 一 个 逐 像素 的 平行 光 以 及 
所 有 逐 项 点 和 SH 光源 


有 逐 项 点 和 SH 光源 


A[ 儿 9. 


9.4 中 有 几 点 需要 说 明 的 地 方 。 


首先 ,可 以 发 现在 演 染 设置 


， 我 们 除了 设置 了 Pass 的 标签 外 , 还 使 用 了 #pragma multi_ 


compile_fwdbase 这 样 的 编译 指令 。 虽 然 加 ragma multi_compile_fwdbase 和 #pragma 
multi_compile_fwdadd 在 官方 文档 中 还 没有 给 出 相关 说 明 , 但 实验 表明 , 只 有 分 别 为 Bass 
Pass 和 Additional Pass 使 用 这 两 个 编译 指令 ， 我 们 才 可 以 在 相关 的 Pass 中 得 到 一 些 正确 
的 光照 变量 ， 例 如 光照 衰减 值 等 。 
Base Pass 旁边 的 注释 给 出 了 Base Pass 中 支持 的 一 些 光照 特性 。 例 如 在 Base Pass 中 ， 我 
们 可 以 访问 光照 纹理 〈lightmap )。 
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。 Base Pass 中 泻 染 的 平行 光 默 认 是 支持 阴影 的 (如 果 开 启 了 光源 的 阴影 功能 ), 而 Additional 
Pass 中 泻 染 的 光源 在 默认 情况 下 是 没有 阴影 效果 的 ， 即便 我 们 在 它 的 Light 组 件 中 设置 了 
有 阴影 的 Shadow Type。 但 我 们 可 以 在 Additional Pass 中 使 用 #pragma multi_compile_ 
fwdadd_fullshadows 代替 #pragma multi_compile_fwdadd 编译 指令 , 为 点 光源 和 聚光灯 开启 
阴影 效果 ， 但 这 需要 Unity 在 内 部 使 用 更 多 的 Shader 变种 。 

。 环境 光 和 自发 光 也 是 在 Base Pass 中 计算 的 。 这 是 因为 ， 对 于 一 个 物体 来 说 ， 环 境 光 和 
发 光 我 们 只 希望 计算 一 次 即 可 ， 而 如 果 我 们 在 Additional Pass 中 计算 这 两 种 光照 ， 就 会 造 
成 合 加 多 次 环境 光 和 自发 光 ， 这 不 是 我 们 想 要 的 。 

。 在 Additional Pass 的 演 染 设置 中 ,我 们 还 开启 和 设置 了 混合 模式 。 这 是 因为 ， 我们 希望 每 
个 Additional Pass 可 以 与 上 一 次 的 光照 结果 在 帧 缓存 中 进行 琶 加 , 从 而 得 到 最 终 的 有 多 个 
光照 的 演 染 效果 。 如 果 我 们 没有 开启 和 设置 混合 模式 ， 那 么 Additional Pass 的 演 染 结果 会 
履 盖 掉 之 前 的 演 染 结果 ， 看 起 来 就 好 像 该 物体 只 受 该 光源 的 影响 。 通 常情 况 下 ,我 们 选择 
的 混合 模式 是 Blend One One。 

。 对 于 前 向 泻 染 来 说 ， 一 个 Unity Shader 通常 会 定义 一 个 Base Pass (Base Pass 也 可 以 定义 
多 次 ， 例 如 需要 双 面 泻 染 等 情况 ) 以 及 一 个 Additional Pass。 一 个 Base Pass 仅 会 执行 一 
次 (定义 了 多 个 Base Pass 的 情况 除外 )， 而 一 个 Additional Pass 会 根据 影响 该 物体 的 其 他 
逐 像素 光源 的 数目 被 多 次 调用 ， 即 每 个 逐 像素 光源 会 执行 一 次 Additional Pass。 

图 9.4 给 出 的 光照 计算 是 通常 情况 下 我 们 在 每 种 Pass 中 进行 的 计算 。 实 际 上 ， 演 染 路 径 的 设 

置 用 于 告诉 Unity 该 Pass 在 前 向 泻 染 路 径 中 的 位 置 ， 然 后 底层 的 演 染 引擎 会 进行 相关 计算 并 填充 

一 些 内 置 变量 〈 如 _LightColgr0 等 ;如何 使 用 这 些 内 置 变 量 进行 计算 完全 取决 于 开发 者 的 选择 。 


= 


ome 


列 如 ， 我 们 完全 可 以 利用 Unity' 提 供 的 肉 置 变量 在 Base Pass 中 只 进行 逐 顶点 光照 ， 同 样 ， 我 们 也 
完全 可 以 在 Additional Pass 中 按 逐 顶点 的 方式 进行 光照 计算 ， 不 进行 任何 逐 像 素 光 照 计 算 。 


3.， 内置 的 光照 变量 和 函数 
前 面 说 过 ,根据 我 们 使 用 的 泻 染 路 径 〈 即 Pass 标签 中 LightMode 的 值 )，Unity 会 把 不 同 的 光 
照 变量 传递 给 Shader。 

在 Unity 5 中 ， 对 于 前 向 泻 染 ( 即 LightMode 为 ForwardBase 或 ForwardAdd) 来 说 ， 表 9.2 
给 出 了 我 们 可 以 在 Shader 中 访问 到 的 光照 变量 。 


表 9.2 前 向 泻 染 可 以 使 用 的 内 置 光 照 变量 
名 称 类 型 描 述 
_LightColor0 float4 该 Pass 处 理 的 逐 像素 光源 的 颜色 
_LightColor0 float4 该 Pass 处 理 的 逐 像素 光源 的 颜色 
_WorldSpaceLightPos0.xyz 是 该 Pass 处 理 的 逐 像素 光源 的 位 
_WorldSpaceLightPos0 float4 置 。 如 果 该 光源 是 平行 光 ， 那 么 _WorldSpaceLightPos0.w 是 0， 
其 他 光源 类 型 w 值 为 1 
， 从 世界 空间 到 光源 空间 的 变换 矩阵 。 可 以 用 于 采样 cookie 和 光 
x ce 3 
_LightMatrix0 float4 义 4 强 衰减 〈attenuation) 纹理 
unity_4LightPosX0， unity_4LightPosY0， float4 仅 用 于 Base Pass。 前 4 个 非 重 要 的 点 光源 在 世界 空间 中 的 位 置 
unity_4LightPosZ0 
unity_4LightAtten0 float4 仅 用 于 Base Pass。 存 储 了 前 4 个 非 重要 的 点 光源 的 衰减 因子 
unity_LightColor half4[4] 仅 用 于 Base Pass。 存 储 了 前 4 个 非 重 要 的 点 光源 的 颜色 


我 们 在 6.6 节 中 已 经 给 出 了 一 些 可 以 用 于 前 向 泻 染 路 径 的 函数 ， 例 如 WorldSpaceLightDir、 
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UnityWorldSpaceLightDir 和 ObjSpaceLightDir 。 为 了 完整 性 ， 


次 列 出 了 前 向 泻 


染 中 可 以 使 用 的 内 置 光 照 函数 。 
表 9.3 前 向 泻 染 可 以 使 用 的 内 置 光 照 函数 
函数 名 描 述 
float3 ”WorldSpaceLightDir | 仅 可 用 于 前 向 泻 染 中 。 输 入 一 个 模型 空间 中 的 顶点 位 置 ， 返 回 世 界 空间 中 从 该 点 到 光 
(float4 V) 源 的 光照 方向 。 内 部 实现 使 用 了 UnityWorldSpaceLightDir 函数 。 没 有 被 归 一 化 
float3 前 向 演 沈 输入 一 个 空间 中 的 顶点 位 返回 世界 空间 中 从 该 点 到 3》 
UnityWorldSpaceLightDir RR ei J OO i ep OA 
(float4 v) 原 的 光照 方向 。 没 有 被 归 L 
float3 ObjSpaceLightDir | 仅 可 用 于 前 向 泻 染 中 。 输 入 一 个 模型 空间 中 的 顶点 位 置 ， 返 回 模型 空间 中 从 该 点 到 光 
(float4 v) 源 的 光照 方向 。 没 有 被 归 一 化 
仅 可 用 于 前 向 泻 染 中 。 计 算 四 个 点 光源 的 光照 ， 它 的 参数 是 已 经 打包 进 矢量 的 光照 数 
See 据 ， 通 常 就 是 表 9.2 中 的 内 置 变量 ， 如 unity_4LightPosX0，unity_4LightPosY0， 
ad unity_4LightPosZ0、unity_LightColor 和 unity_4LightAtten0 等 。 前 向 泻 染 通常 会 使 用 这 
个 函数 来 计算 逐 顶 点 光照 
需要 说 明 的 是 ， 上 面 给 出 的 变量 和 函数 并 不 是 完整 的 ， 一 些 前 向 演 染 可 以 使 用 的 内 置 变量 和 
函数 官方 文档 中 并 没有 给 出 说 明 。 在 后 面 的 学 习 中 ， 我 们 会 使 用 到 一 些 不 在 这 些 表 中 的 变量 和 函 


数 ， 那 时 我 们 会 特别 说 明 的 。 


9.1.2 ”顶点 照明 泻 染 路 径 


顶点 照明 泻 染 路 径 是 对 硬件 配置 要 求 最 少 、 
种 类 型 ， 它 不 支持 那些 逐 像素 才能 得 到 的 效果 ， 例 如 阴影 、 法 线 映 射 、 高 精度 的 高 光 反 射 
它 仅 仅 是 前 向 泻 染 路 径 的 一 个 子 集 ， 也 就 是 说 ， 甩 
可 以 在 前 向 演 染 路 径 中 完成 。 就 如 它 上 


际 上 ， 


lb 


式 来 计算 光照 ， 


量 ， 


染 


的 演 染 路 径 ， 


具有 最 广泛 的 硬 人 


] 一 些 逐 像素 》 


逐 顶 点 的 光源 。 但 如 果 选 择 使 用 顶点 照明 泻 染 路 径 ， 那 么 Unity 会 只 填充 习 
变量 ， 意 味 着 我 们 不 可 以 使 
1. Unity 中 的 顶点 照明 泻 


顶点 照明 泻 染 路 径 通常 在 一 个 Pass ， 
算 我 们 关心 的 所 有 光源 对 该 物体 的 照明 ， 


照 变量 。 


就 


运算 性 能 最 高 ， 但 同时 也 是 得 到 的 效果 最 差 的 


全 Loa 
等 。 实 


[有 可 以 在 顶点 照明 演 染 路 径 


实现 的 功 


的 名 字 一 样 ， 顶 点 照明 演 染 路 径 只 是 使 用 
并 没有 什么 神奇 的 地 方 。 实 际 上 ， 我 们 在 上 面 的 前 向 泻 染 路 径 中 也 可 以 计算 一 些 


了 逐 顶 点 的 方 


可 以 完成 对 物体 的 泻 染 。 在 这 个 Pass ! 
这 个 计算 是 按 逐 顶点 处 理 的 。 这 是 Unity 中 最 快速 


8 些 逐 顶点 相关 的 光源 


， 我 们 会 计 


支持 〈 但 是 游戏 机 上 并 不 支持 这 种 路 径 )。 


由 于 顶点 照明 泻 染 路 径 仅仅 是 前 向 演 染 路 径 的 一 个 子 集 ， 因 此 在 Unity 5 发 布 之 前 ，Unity 在 


论坛 上 发 起 了 一 个 投票 (http://forum.unity3d.com/threads/official-dropping-vertexlit-rendering-path- 


for-unity-5-0.275248/)， 让 上 


中 ， 很 多 开发 人 员 表 示 ] 


开发 者 选择 是 否 应 该 在 Unity 5.0 中 抛弃 顶点 照 


赞同 


染 路 径 ， 在 未 来 的 版 本 


顶点 照 


WA 


2， 可 访问 的 内 置 变量 和 函数 


在 Unity 


要 演 染 其 


两 个 》 


EC 源 对 物体 的 照明 ， 


体 的 光源 数 


目 小 于 


8， 那 么 数组 


可 以 仅 使 


剩 下 的 光源 颜色 会 设置 成 黑 


的 意见 。 结 果 是 ，Unity 5 中 将 顶点 照明 演 染 路 径 作 为 
明 泻 染 路 径 的 相关 设 定 可 能 会 被 移 除 。 


色 。 


明 泻 染 路 径 。 在 这 个 投票 


一 个 遗留 的 泻 


， 我 们 可 以 在 一 个 顶点 照明 的 Pass 中 最 多 访问 到 8 个 逐 顶 点 光源 。 如 果 我 们 只 需 
j 表 9.4 中 内 置 光 照 数据 的 前 两 个 。 如 果 影 响 该 物 
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表 9.4 顶点 照明 泻 染 路 径 中 可 以 使 用 的 内 置 变量 
名 称 类 型 描 述 
unity_LightColor half4[8] 光源 颜色 
AAA 是. 昌 y 站 名 Ps 和 六 汀 位 蛆 汪 河和 且 开行 > 那么 y 分 量 估 头 甘 
inity Tightposition float4[8] xyz 分 量 是 视角 空间 中 的 光源 位 置 。 如 果 光 源 是 平行 光 ， 那 么 z 分 量 值 为 0， 其 


他 光源 类 型 z 分 量 值 为 1 

光源 衰减 因子 。 如 果 光 源 是 聚光灯 ，x 分 量 是 cos(spotAngle/2)，y 分 量 
unity_LightAtten half4[8] l/cos(spotAngle/4); 如 果 是 其 他 类 型 的 光源 ，x 分 量 是 -1，y 分 量 是 1。z 分 量 
衰减 的 平方 ，w 分 量 是 光源 范围 开 根 号 的 结果 
如 果 光 源 是 聚光灯 的 话 ， 值 为 视角 空间 的 聚光灯 的 位 置 ， 如 果 是 其 他 类 型 的 光 
源 ， 值 为 (0, 0, 1, 0) 


unity_SpotDirection float4[8] 


日 ， 例 如 unity_LightColor。 但 这 些 变 


~ 
音 
| 


可 以 看 出 ,一 些 变量 我 们 同样 可 以 在 前 向 泻 染 路 径 ! 
量 数组 的 维度 和 数值 在 不 同 泻 染 路 径 中 的 值 是 不 同 的 。 
表 9.5 给 出 了 顶点 照明 演 染 路 径 中 可 以 使 用 的 内 置 函数 。 


表 9.5 顶点 照明 泻 染 路 径 中 可 以 使 用 的 内 置 函数 
函数 名 描 述 
float3 ShadeVertexLights (float4 vertex, | 输入 模型 空间 中 的 顶点 位 置 和 法 线 ， 计 算 四 个 逐 顶 点 光源 的 光照 以 及 环境 
float3 normal) 光 。 内 部 实现 实际 上 调用 了 ShadeVertexLightsFull 函数 


float3 ”ShadeVertexLightsFull 。” (float4 | 输入 模型 空间 中 的 顶点 位 置 和 法 线 , 计算 lightCount 个 光源 的 光照 以 及 环境 
vertex, float3 normal, int lightCount, bool- ~ 光 s 如 果 spotLight 值 为 ttue， 那 么 这 些 光源 会 被 当成 聚光灯 来 处 理 ， 虽 然 
spotLight) 结果 更 精确 ， 但 计算 更 加 耗 时 ， 否 则 ， 按 点 光源 处 理 


9.1.3 ”延迟 泻 染 路 径 

前 向 泻 染 的 问题 是 ， 当 场景 中 包含 大 量 实时 光源 时 ， 前 向 泻 染 的 性 能 会 急速 下 降 。 例 如 ， 如 
果 我 们 在 场景 的 某 一 块 区域 放 置 了 多 个 光源 ， 这 些 光源 影响 的 区 域 互 相 重 个， 那么 为 了 得 到 最 终 
的 光照 效果 , 我 们 就 需要 为 该 区 域内 的 每 个 物体 执行 多 个 Pass 来 计算 不 同 光 源 对 该 物体 的 光照 结 
果 ， 然 后 在 颜色 缓存 中 把 这 些 结果 混合 起 来 得 到 最 终 的 光照 。 然 而 ， 每 执行 一 个 Pass 我 们 都 需要 
重新 泻 染 一 裔 物体 ， 但 很 多 计算 实际 上 是 重复 的 。 

延迟 泻 染 是 一 种 更 古老 的 泻 染 方法 ， 但 由 于 上 述 前 向 泻 染 可 能 造成 的 瓶颈 问题 ， 近 几 年 又 流 
行 起 来 。 除 了 前 向 泻 染 中 使 用 的 颜色 缓冲 和 深度 缓冲 外 ， 延 迟 泻 染 还 会 利用 额外 的 缓冲 区 ， 这 些 
缓冲 区 也 被 统称 为 G 缓冲 〈G-buffer)， 其 中 G 是 英文 Geometry 的 缩写 。G 缓冲 区 存储 了 我 们 所 
关心 的 表面 “通常 指 的 是 离 摄像 机 最 近 的 表面 ) 的 其 他 信息 ， 例 如 该 表面 的 法 线 、 位 置 、 用 于 光 
照 计 算 的 材质 属性 等 。 


1. 延迟 演 染 的 原理 

延迟 演 染 主要 包含 了 两 个 Pass。 在 第 一 个 Pass 中 ， 我 们 不 进行 任何 光照 计算 ， 而 是 仅仅 计算 
那些 片 元 是 可 见 的 ， 这 主要 是 通过 深度 缓冲 技术 来 实现 ， 当 发 现 一 个 片 元 是 可 见 的 ， 我 们 就 把 它 
的 相关 信息 存储 到 G 缓冲 区 中 。 人 然后， 在 第 二 个 Pass 中 ， 我 们 利用 G 缓冲 区 的 各 个 片 元 信息 ， 
网 如 表面 法 线 、 视 角 方 向 、 漫 反射 系数 等 ， 进 行 真正 的 光照 计算 。 
延迟 演 染 的 过 程 大致 可 以 用 下 面 的 伪 代 码 来 描述 : 
Pass 1 { 


// 第 一 个 Pass 不 进行 真正 的 光照 计算 
// 仅仅 把 光照 计算 需要 的 信息 存储 到 G 缓冲 中 


for (each Primitive in this model) { 
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for (each fragment covered by this primitive) { 
if (failed in depth test) { 
// 如 果 没 有 通过 深度 测试 ， 说 明 该 片 元 是 不 可 见 的 
discard; 
} else { 
// 如 果 该 片 元 可 见 
// 就 把 需要 的 信息 存储 到 G 缓冲 中 


writeGBuffer (materialIinfo, pos, normal, lightDir, viewDir); 


} 


Pass 2 { 
// 利用 G 缓冲 中 的 信息 进行 真正 的 光照 计 入 


for (each pixel in the screen) { 
if (the pixel is valid) { 
// 如 果 该 像素 是 有 效 的 
// 读 取 它 对 应 的 G 缓冲 中 的 信息 


readGBuffer (pixel, materiallInfo, pos, normal, lightDir, viewDir); 


// 根据 读 取 到 的 信息 进行 光照 计算 
float4 color = Shading (materialInfo, pos, normal, lightDir, viewDir); 
// 更 新 帧 缓冲 


writeFrameBuffer (pixel, color); 


} 


可 以 看 出 ， 延 迟 泻 染 使 用 的 Pass 数目 通常 就 是 两 个 ， 这 跟 场 景 中 包含 的 光源 数目 是 没有 关系 
的 。 换 句 话 说， 延迟 演 染 的 效率 不 依赖 于 场景 的 复杂 度 ， 而 是 和 我 们 使 用 的 屏幕 空间 的 大 小 有 关 。 
这 是 因为 ， 我 们 需要 的 信息 都 存储 在 缓冲 区 中 ， 而 这 些 缓冲 区 可 以 理解 成 是 一 张 张 2D 图 像 ， 我 
们 的 计算 实际 上 就 是 在 这 些 图 像 空间 中 进行 的 。 


2. Unity 中 的 延迟 泻 


Unity 有 两 种 延迟 泻 染 路 径 ， 一 种 是 遗留 的 延迟 演 染 路 径 ， 即 Unity 5 之 前 使 用 的 延迟 演 染 路 
径 ， 而 另 一 种 是 Unity5.x 中 使 用 的 延迟 泻 染 路 径 。 如 果 游 戏 中 使 用 了 大 量 的 实时 光照 ， 那 么 我 们 
可 能 希望 选择 延迟 泻 染 路 径 ， 但 这 种 路 径 需要 一 定 的 硬件 文 持 。 

新 旧 延 迟 演 染 末路 径 之 间 的 差别 很 小 ， 只 是 使 用 了 不 同 的 技术 来 权衡 不 同 的 需求 。 例 如 ， 较 旧 
版 本 的 延迟 泻 染 路 径 不 支持 Unity 5 的 基于 物理 的 Standard Shader。 以 下 我 们 仅 讨论 Unity 5 后 使 
的 延迟 演 染 路 径 。 对 于 遗留 的 延迟 演 染 路 径 ， 读 者 可 以 在 官方 文档 (http://docs.unity3d.com/ 
Manual/RenderTech-DeferredLi html) 找到 更 多 的 资料 。 

对 于 延 信 演 染 路 径 来 说 ， 适合 在 场景 中 光源 数目 很 多 、 如 果 使 用 前 向 泻 染 会 造成 性 能 瓶 
有 颈 的 情况 下 使 用 。 而 且 ， ee 簿 像素 的 方式 处 理 。 但 是 ， 延 迟 泻 
染 也 有 一 些 缺 点 。 

。 不 支持 真正 的 抗 锯齿 (anti-aliasing) 功能 。 

。 不 能 处 理 半 透明 物体 。 

。 对 显卡 有 一 定 要 求 。 如 果 要 使 用 延迟 演 染 的 话 ， 显 卡 必 须 支 持 MRT (Multiple Render 

Targets)、Shader Mode 3.0 及 以 上 、 深 度 泻 染 纹 理 以 及 双 面 的 模板 绥 冲 。 

当 使 用 延迟 演 染 时 ，Unity es 具 两 个 Pass。 

(1) 第 一 个 Pass 用 于 泻 染 G 缓冲 。 在 这 个 Pass 中 ， 我 们 会 把 物体 的 漫 反射 颜色 、 高 光 反 射 
颜色 、 平 滑 度 、 法 线 、 人 息 演 染 到 屏幕 空间 的 G 缓冲 区 中 。 对 于 每 个 物体 来 说 ， 
这 个 Pass 仅 会 执行 一 次 。 


Sn 
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(2) 第 二 个 Pass 用 于 计算 真正 的 光照 模型 。 这 个 Pass 会 使 用 上 一 个 Pass 中 演 染 的 数据 来 计 
算 最 终 的 光照 颜色 ， 再 存储 到 帧 缓冲 ! 
默认 的 G 缓冲 区 注意， 不 同 i 版 本 的 演 染 纹理 存储 内 容 会 有 所 不 同 ) 包含 了 以 下 几 个 
泻 染 纹理 (Render Texture，RT )。 
。 RT0: 格式 是 ARGB32，RGB 通道 用 于 存储 漫 反 射 颜色 ，A 通道 没有 被 使 用 。 
。 RT1: 格式 是 ARGB32，RGB 通道 用 于 存储 高 光 反 射 颜色 ，A 通道 用 于 存储 高 光 反 射 的 指 
数 部 分 。 
。 RT2: 格式 是 ARGB2101010，RGB 通道 用 于 存储 法 线 ，A 通道 没有 被 使 用 。 
。 RT3: 格式 是 ARGB32 ( 非 HDR) 或 ARGBHalf (HDR)， 用 于 存储 自发 光 +lightmap+ 反 
射 探 针 (reflection probes )。 
。 深度 缓冲 和 模板 缓冲 。 
当 在 第 二 个 Pass 中 计算 光照 时 ， 默 认 情 况 下 仅 可 以 使 用 Unity 内 置 的 Standard 光照 模型 。 如 
果 我 们 想 要 使 用 其 他 的 光照 模型 ， 就 需要 替换 掉 原 有 的 Internal-DeferredShading.shader 文件 。 更 
的 信息 可 以 访问 官方 文档 (http:/docs.unity3d.com/ManualRenderTech-DeferredShading.html ) 。 


» 
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ASS 


3. 可 访问 的 内 置 变 量 和 函数 
表 9.6 给 出 了 处 理 延 迟 演 染 路 径 可 以 使 用 的 光照 变量 。 这 些 变量 都 可 以 在 UnityDeferred 


Library.cginc 文件 中 找到 它们 的 声明 。 
表 9.6 延迟 泻 染 路 径 中 可 以 使 用 的 内 置 变 量 
名 尔 类 型 描 述 
_LightColor float4 光源 颜色 
_LightMatrix0 float4x4 从 世界 空间 到 光源 空间 的 变换 和 矩阵。 可 以 用 于 采样 cookie 和 光 强 衰减 纹理 


9.1.4 选择 哪 种 泻 染 路 径 


Unity 的 官方 文档 (http://docs.unity3d.com/Manual/RenderingPaths.html〉 中 给 出 了 4 种 演 染 路 
径 ( 前 问 泻 染 路 径 、 延 迟 泻 染 路 径 、 遗 留 的 延迟 演 染 路 径 和 顶点 照明 演 染 路 径 ) 的 详细 比较 ， 包 
括 它们 的 特性 比较 (是 否 支 持 逐 像素 光照 、 半 透明 物体 、 实 时 阴影 等 ;、 性 能 比较 以 及 平台 支持 。 
总 体 来 说 ， 我 们 需要 根据 游戏 发 布 的 目标 平台 来 选择 泻 染 路 径 。 如 果 当 前 显卡 不 支持 所 选 泻 
染 路 径 ， 那 么 Unity 会 自动 使 用 比 其 低 一 级 的 泻 染 路 径 。 
在 本 书 中 ， 我 们 主要 使 用 Unity 的 前 向 泻 染 路 径 。 


92 Unity 的 光源 类 型 


在 前 面 的 例子 中 ， 我 们 的 场景 中 都 仅仅 有 一 个 光源 且 光 源 类 型 是 平行 光 《〈 如 果 你 的 场景 不 是 
这 样 的 话 ， 可 能 会 得 到 错误 的 结果 )。 只 有 一 个 平行 光 的 世界 很 美好 , 但 美梦 总 有 醒 的 一 天 , 这 时 ， 
我 们 就 需要 在 Unity Shader 中 处 理 更 复杂 的 光源 类 型 以 及 数目 更 多 的 光源 。 在 本 节 中 ， 我 们 将 会 
学 习 如 何在 Unity 中 处 理 点 光源 (point light) 和 聚光灯 (spot light )。 

Unity 一 共 文 持 4 种 光源 类 型 : 平行 光 、 点 光源 、 聚 光 灯 和 面 光 源 〈area light)。 面 光源 仅 在 烘 
焙 时 才 可 发 挥 作用 ， 因 此 不 在 本 节 讨 论 范围 内 。 由 于 每 种 光源 的 几何 定义 不 同 ， 因 此 它们 对 应 的 光 
源 属性 也 就 各 不 相同 。 这 就 要 求 我 们 要 区 别 对 待 它们 。 素 运 的 是 ，Unity 提供 了 很 多 内 置 函 数 来 帮 
我 们 处 理 这 些 光源 ， 在 本 章 的 最 后 我 们 会 介绍 这 些 函 数 ， 但 首先 我 们 需要 了 解 它们 背后 的 原理 。 


188 


9.2.1 光源 类 型 有 什么 影响 
我 们 来 看 一 下 光源 类 型 的 不 同 到 底 会 给 Shader 带 来 哪些 影响 。 我 们 可 以 考虑 Shader 中 使 用 
了 光源 的 哪些 属性 。 最 常 使 用 的 光源 属性 有 光源 的 位 置 、 方 向 〈 更 具体 说 就 是 ， 到 某 点 的 方向 入 
颜色 、 强 度 以 及 衰减 〈 更 具体 说 就 是 ， 到 某 点 的 衰减 ， 与 该 点 到 光源 的 距离 有 关 ) 这 5 个 属性 。 
而 这 些 属性 和 它们 的 几何 定义 息 县 相关 。 


1 平行 光 


对 于 我 们 之 前 使 用 的 平行 光 来 说 ， 它 的 几何 定义 是 最 简单 的 。 平 行 光 可 以 照 亮 的 范围 是 没有 
限制 的 ， 它 通常 是 作为 太阳 这 样 的 角色 在 场景 中 出 现 的 。 图 9.5 给 出 了 Unity 中 平行 光 在 Scene 


视图 中 的 表示 以 及 Light 组 件 的 面板 。 

平行 光 之 所 以 简单 ， 是 因为 它 没有 一 个 唯一 的 位 置 ， 也 就 是 说 ， 它 可 以 放 在 场景 中 的 任意 位 
置 (回忆 一 下 ,我 们 小 时 候 是 不 是 总 感觉 太阳 跟着 我 们 一 起 移动 )。 它 的 几何 属性 只 有 方向 ， 我们 
可 以 调整 平行 光 的 Transform 组 件 中 的 Rotation 属性 来 改变 它 的 光源 方向 ， 而 且 平 行 光 到 场景 ! 
所 有 点 的 方向 都 是 一 样 的 ， 这 也 是 平行 光 名 字 的 由 来 。 除 此 之 外 ， 由 于 平行 光 没有 一 个 具体 的 位 
置 ， 因 此 也 没有 衰减 的 概念 ， 也 就 是 说 ， 光 照 强 度 不 会 随 着 距离 而 发 生 改 变 。 


2. 点 光源 


点 光源 的 照 亮 空间 则 是 有 限 的 ， 它 是 由 空间 中 的 一 个 球体 定义 的 。 点 光源 可 以 表示 由 一 个 点 
出 的 、 向 所 有 方向 延伸 的 光 。 图 9.6 给 出 了 Unity 中 点 光源 在 Scene 视图 中 的 表示 以 及 Light 组 


4 图 9.5 平行 光 和 图 9.6 点 光源 


需要 提醒 读者 的 一 点 是 ， 我 们 需要 在 Scene 视图 中 开启 光照 才能 看 到 预览 光源 是 如 何 影响 场 
景 中 的 物体 的 。 图 9.7 给 出 了 开启 Scene 视图 光照 的 按钮 。 
球体 的 半径 可 以 由 面板 中 的 Range 属性 来 调整 ， 也 可 以 在 Scene 视图 中 直接 拖拉 点 光源 的 线 
框 ( 如 球体 上 的 黄色 控制 点 ) 来 修改 它 的 属性 。 点 光源 是 有 位 置 属性 的 , 它 是 由 点 光源 的 Transform 
组 件 中 的 Position 属性 定义 的 。 对 于 方向 属性 ， 我 们 需要 用 点 光源 的 位 置 减 去 某 点 的 位 置 来 得 到 
它 到 该 点 的 方向 。 而 点 光源 的 颜色 和 强度 可 以 在 Light 组 件 面板 中 调整 。 同 时 ， 点 光源 也 是 会 衰 
减 的 ， 随 着 物体 逐渐 远离 点 光源 ， 它 接收 到 的 光照 强度 也 会 逐渐 减 小 。 点 光源 球 心 处 的 光照 强度 
最 强 ， 球 体 边界 处 的 最 弱 ， 值 为 0。 其 中 间 的 衰减 值 可 以 由 一 个 函数 定义 。 


3. 聚光灯 
聚光灯 是 这 3 种 光源 类 型 中 最 复杂 的 一 种 。 它 的 照 亮 空间 同样 是 有 限 的 ， 但 不 再 是 简单 的 球 
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体 ， 而 是 由 空间 中 的 一 块 锥 形 区 域 定义 的 。 聚 光 灯 可 以 用 于 表示 由 一 个 特定 位 置 出 发 、 向 特定 方 
向 延伸 的 光 。 图 9.8 给 出 了 Unity 中 聚光灯 在 Scene 视图 中 的 表示 以 及 Light 组件 的 面板 。 


Culling Mask 


A 图 9.7 开启 Scene 视图 中 的 光照 A 图 9.8 ”聚光灯 


这 块 锥 形 区 域 的 半径 由 面板 中 的 Range 属性 决定 , 而 锥 体 的 张 开 角 度 由 Spot Angle 属性 决定 。 
我 们 同样 也 可 以 在 Scene 视图 中 直接 拖拉 聚光灯 的 线 框 〈《 如 中 间 的 黄色 控制 点 以 及 四 周 的 黄色 控 
制 点 ) 来 修改 它 的 属性 。 聚 光 灯 的 位 置 同 样 是 由 Transform 组 件 中 的 Position 属性 定义 的 。 对 于 方 
向 属性 ， 我 们 需要 用 聚光灯 的 位 置 减 去 某 点 的 位 置 来 得 到 它 到 该 点 的 方向 。 聚 光 灯 的 衰减 也 是 随 
着 物体 逐渐 远离 点 光源 而 逐渐 减 小 ， 在 锥 形 的 顶点 处 光照 强度 最 强 ， 在 锥 形 的 边界 处 强度 为 0。 
其 中 间 的 衰减 值 可 以 由 一 个 函数 定义 ， 这 个 函数 相对 于 点 光源 衰减 计算 公式 要 更 加 复杂 ， 因 为 我 
们 需要 判断 一 个 点 是 否 在 锥 体 的 范围 内 。 


9.2.2 在 前 向 演 染 中 处 理 不 同 的 光源 类 型 


在 了 解 了 3 种 光源 的 几何 定义 后 7 我 们 来 看 一 下 如 何在 Unity Shader 中 访问 它们 的 5 个 属性 : 
位 置 、 方 向 、 颜 色 、 强 度 以 及 衰减 。 需 要 注意 的 是 ， 本 节 均 建立 在 使 用 前 向 泻 染 路 径 的 基础 上 。 
在 学 习 完 本 节 后 ， 我 们 可 以 得 到 类 似 图 9.9 中 的 效果 。 


4 图 9.9 ”使 用 一 个 平行 光 和 一 个 点 光源 共同 照 亮 物 体 。 右 图 显示 了 胶 圳 体 、 平 行 光 和 点 光源 在 场景 中 的 相对 位 置 
1. 实践 


为 了 实现 上 述 效 果 ， 我 们 首先 做 如 下 准备 工作 。 

(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene 9_ 2 2 1。 在 Unity 5.2 中 ， 
默认 情况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 Window 一 
Lighting 一 Skybox 中 去 掉 场景 中 的 天 空 盒子 。 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 ForwardRenderingMat。 

(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter9-ForwardRendering。 把 
新 的 Unity Shader 赋 给 第 2 步 中 创建 的 材质 。 

(4) 在 场景 中 创建 一 个 胶 吉 体 ， 并 把 第 2 步 中 的 材质 赋 给 该 胶 宫 体 。 

(5) 为 了 让 物体 受 多 个 光源 的 影响 ， 我 们 再 新 建 一 个 点 光源 ， 把 其 颜色 设 为 绿色 ， 以 和 平行 
光 进 行 区 分 。 

(6) 保存 场景 。 

我 们 编号 的 代码 使 用 了 Blinn-Phong 光照 模型 ， 并 为 前 向 演 染 定义 了 Base Pass 和 Additional 
Pass 来 处 理 多 个 光源 。 在 这 里 我 们 只 给 出 其 中 关键 的 代码 ， 而 省 略 与 之 前 章节 中 重复 的 代码 。 完 
整 的 代码 读者 可 以 在 本 书 资源 中 找到 。 关 键 代 码 如 下 。 

(1) 我 们 首先 定义 第 一 个 Pass 一 一 Base Pass。 为 此 ， 我 们 需要 设置 该 Pass 的 泻 染 路 径 标签 : 


Pass { 
// Pass for ambient light & first pixel light (directional light) 
Tags { "LightMode"="ForwardBase" } 


CGPROGRAM 


// Apparently need to add this declaration 
pragma multi compile fwdbase 


需要 注意 的 是 ， 我 们 除了 设置 泻 染 路 径 外 ， 还 使 用 了 #pragma 编译 指令 。#pragma multi_ 
compile_fwdbase 指令 可 以 保证 我 们 在 Shader 中 使 用 光照 衰减 等 光照 变量 可 以 被 正确 赋值 。 这 是 
不 可 缺少 的 。 
(2) 在 Base Pass 的 片 元 着 色 器 中 ， 我 们 首先 计算 了 场景 中 的 环境 光 : 


// Get ambient term 
fixed3 ambient = UNITY L GHTMODEL AMBIENT .XYZ7 


我 们 希望 环境 光 计 算 一 次 即 可 ， 因 此 在 后 面 的 Additional Pass 中 就 不 会 再 计算 这 个 部 分 。 与 
之 类 似 ， 还 有 物体 的 自发 光 ， 但 在 本 例 中 ， 我 们 假设 胶 宫 体 没 有 自发 光 效 果 。 

(3) 然后 ,我 们 在 Base Pass 中 人 处理 了 场景 中 的 最 重要 的 平行 光 。 在 这 个 例子 中 , 场景 中 只 有 
一 个 平行 光 。 如 果 场 景 中 包含 了 多 个 平行 光 ，Unity 会 选择 最 亮 的 平行 光 传 递 给 Base Pass 进行 逐 
像素 处 理 ， 其 他 平行 光 会 按照 逐 顶 点 或 在 Additional Pass 中 按 逐 像素 的 方式 处 理 。 如 果 场 景 中 没 
有 任何 平行 光 ， 那么 Base Pass 会 当成 全 黑 的 光源 处 理 。 我 们 提 到 过 ， 每 一 个 光源 有 5 个 属性 : 位 
置 、 方 向 、 颜 色 、 强 度 以 及 衰减 。 对 于 Base Pass 来 说 ， 它 处 理 的 逐 像 素 光 源 类 型 一 定 是 平行 光 。 
我 们 可 以 使 用 _WorldSpaceLightPos0 来 得 到 这 个 平行 光 的 方向 (位 置 对 平行 光 来 说 没有 意义 )， 
使 用 _LightColor0 来 得 到 它 的 颜色 和 强度 〈(_LightColor0 已 经 是 颜色 和 强度 相 乘 后 的 结果 )， 由 于 
平行 光 可 以 认为 是 没有 衰减 的 ， 因 此 这 里 我 们 直接 令 衰 减 值 为 1.0。 相 关 代 码 如 下 : 


// Compute diffuse term 
fixed3 diffuse = LightColor0.rgb * Diffuse.rgb * max(0, dot(worldNormal, worldLightDir)); 


7 


// Compute specular term 
fixed3 specular = LightColor0.rgb * Specular.rgb * pow (max(0, dot(worldNormal, halfDir)), 
_Gloss); 


// The attenuation of directional light is always 1 
fixed atten = 1.0; 


return fixed4(ambient + (diffuse + specular) * atten, 1.0); 


至 此 ，Base Pass 的 工作 就 完成 了 。 
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(4) 接 下 来 ， 我 们 需要 为 场景 中 其 他 逐 像 素 光 源 定 义 Additional Pass。 为 此 ， 我 们 首先 需要 
设置 Pass 的 演 染 路 径 标签 


Pass { 
// Pass for other pixel lights 
Tags { "LightMode"="ForwardAdd" } 


Blend One One 
CGPROGRAM 


// Apparently need to add this declaration 
#pragma multi compile fwdadd 


除了 设置 演 染 路 径 标 签 外 ， 我 们 同样 使 用 了 #pragma multi_compile_fwdadd 指令 ， 如 前 面 所 
说 ， 这 个 指令 可 以 保证 我 们 在 Additional Pass 中 访问 到 正确 的 光照 变量 。 与 Base Pass 不 同 的 是 ， 
我 们 还 使 用 Blend 命令 开启 和 设置 了 混合 模式 。 这 是 因为 ， 我 们 希望 Additional Pass 计算 得 到 的 
光照 结果 可 以 在 帧 缓存 中 与 之 前 的 光照 结果 进行 琶 加 。 如 果 没 有 使 用 Blend 命令 的 话 ，Additional 
Pass 会 直接 禾 盖 挥 之 前 的 光照 结果 。 在 本 例 中 ， 我 们 选择 的 混合 系数 是 Blend One One， 这 不 是 
必需 的 ， 我 们 可 以 设置 成 Unity 支持 的 任何 混合 系数 。 常 见 的 还 有 Blend SrcAlpha One。 
(5) 通常 来 说 ，Additional Pass 的 光照 处 理 和 Base Pass 的 处 理 方式 是 一 样 的 ， 因 此 我 们 只 需 
要 把 Base Pass 的 顶点 和 片 元 着 色 器 代码 粘贴 到 Additional Pass 中 ， 然 后 再 稍微 修改 一 下 即 可 。 这 
些 修改 往往 是 为 了 去 掉 Base Pass 中 环境 光 、 自 发 光 、 逐 顶点 光照 、SH 光照 的 部 分 ， 并 添加 一 些 
对 不 同 光源 类 型 的 支持 。 因 此 , ,在 -dditional Pass 的 片 元 着 色 器 中 ， 我 们 没有 再 计算 场景 中 的 环 
境 光 。 由 于 Additional Pass 处 理 的 光源 类 型 可 能 是 平行 光 、 点 光源 或 是 聚光灯 ， 因 此 在 计算 光源 
的 5 个 属 度 以 及 衰减 时 ， 颜 色 和 强度 我 们 仍然 可 以 使 用 _LightColor0 
来 得 到 ， 但 对 于 位 置 、 方 向 和 衰减 属性 ， 我 们 就 需要 根据 光源 类 型 分 别 计算 。 首 先 ， 我 们 来 看 如 
何 计 算 不 同 光源 的 方向 : 


ifdef USING DIRECTIONAL LIGHT 
fixed3 worldLightDir = normalize( WorldSpaceLightPos0.xyz); 


中 、 丘 


else 

fixed3 worldLightDir = normalize( WorldSpaceLightPos0.xyz - i.worldPosition.xyz); 
endif 
在 上 面 的 代码 中 ， 我 们 首先 判断 了 当前 处 理 的 逐 像素 光源 的 类 型 ， 这 是 通过 使 用 上 fdef 指令 


判断 是 否定 义 了 USING_DIRECTIONAL_LIGHT 来 得 到 的 。 如 果 当 前 前 向 演 染 Pass 处 理 的 光源 
类 型 是 平行 光 ， 那 么 Unity 的 底层 泻 染 引 擎 就 会 定义 USING_DIRECTIONAL_LIGHT。 如 果 判 断 
导 知 是 平行 光 的 话 , 光源 方向 可 以 直接 由 _WorldSpaceLightPos0.xyz 得 到 ; 如 果 是 点 光源 或 聚光灯 ， 
那么 _WorldSpaceLightPos0.xyz 表示 的 是 世界 空间 下 的 光源 位 置 , 而 想 要 得 到 光源 方向 的 话 , 我们 
就 需要 用 这 个 位 置 减 去 世界 空间 下 的 顶点 位 置 。 
(6) 最 后 ， 我 们 需要 处 理 不 同 光 源 的 衰减 : 


#ifdef USING DIRECTIONAL LIGHT 

fixed atten = 1.0; 
#else 

float3 lightCoord = mul( LightMatrix0, float4(i.worldPosition, 1)).xyz; 

fixed atten = tex2D( LightTexture0, dot (lightCoord, lightCoord) .rr) .UNITY ATTEN CHANNEL; 
#endif 


FE 
ee 


锌 小 


我 们 同样 通过 判断 是 否定 义 了 USING_DIRECTIONAL LIGHT 来 决定 当前 处 理 的 光源 类 型 。 
如 果 是 平行 光 的 话 ， 误 减 值 为 1.0。 如 果 是 其 他 光源 类 型 ， 那 么 处 理 更 复杂 一 些 。 尽 管 我 们 可 以 使 
用 数学 表达 式 来 计算 给 定点 相对 于 点 光源 和 聚光灯 的 衰减 ， 但 这 些 计算 往往 涉及 开 根 号 、 除 法 等 
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计算 量 相对 较 大 的 操作 ， 因 此 Unity 选择 了 使 用 


在 片 元 着 色 器 中 得 到 光源 的 衰减 。 我 


我 们 可 以 在 场景 中 添加 更 多 的 逐 
处 理 其 他 类 型 光源 的 实现 原理 ， 上 述 
完整 光照 计算 的 Unity Shader。 


2.， 实验 : Base Pass 和 Additio 


我 们 在 9.1.1 节 中 给 出 了 前 向 演 染 中 Unity 是 如 何 革 


或 SH 光 。 为 了 让 读者 有 更 加 直观 的 


们 首先 得 到 光源 空间 下 的 坐标 ， 然 后 使 用 该 坐标 对 衰减 纹理 


进行 采样 得 到 衰减 值 。 关 于 Unity 中 衰减 纹理 的 细节 可 以 参见 9. 
像素 光源 来 照 亮 胶 吉 体 。 需 要 注意 的 是 ， 本 
代码 并 不 会 用 于 真正 的 项 目 


nal Pass 的 调用 


3 节 。 


中 ， 我 们 会 在 9.5 


里 解 ， 我 们 可 以 在 Unity ' 


如 下 。 


(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 ; 


张 纹理 作为 查找 表 (Lookup Table，LUT)， 以 


节 只 是 为 了 讲解 


节 给 出 包含 了 


定 哪些 光源 是 逐 像素 光 , 而 哪些 是 逐 顶 点 


进行 一 个 实验 。 实 验 的 准备 工作 


默认 情况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 


Lighting -> Skybox 中 去 掉 场景 中 的 天 空 盒子 。 


(2) 调整 平行 光 的 颜色 为 绿色 。 


(3) 在 场景 中 创建 一 个 胶囊 体 ， 
(4) 新 建 4 个 点 光源 ， 调 整 它们 
(5) 保存 场景 。 


的 颜色 为 相同 的 红色 。 


我 们 可 以 得 到 类 似 图 9.10 中 的 效果 。 


4 图 9.10 ”使 用 1 个 平行 光 + 4 个 点 光源 照 亮 

那么 , 这 样 的 结果 是 怎么 来 的 呢 ? 当 我 们 创建 一 个 光源 时 , 默认 性 
以 在 Light 组 件 中 设置 ) 是 Auto。 这 意味 着 ，Unity 会 在 背后 为 我 们 
里 ， 而 哪些 按 逐 顶点 或 SH 的 方式 处 型 


个 物体 


并 把 上 一 节 中 的 ForwardRenderingMtat 材质 赋 给 该 胶 赛 体 。 


， 该 场景 名 为 Scene 9 2 2 2。 在 Unity 5.2 中 ， 
使 用 了 内 置 的 天 空 盒子 。 在 Window -> 


况 下 它 的 Render Mode (可 
判断 哪些 光源 会 按 逐 像素 处 
E。 由 于 我 们 没有 更 改 Edit 一 Project Settings 一 Quality 一 


Pixel Light Count 中 的 数值 , 因此 默认 情况 下 一 个 物体 可 以 接收 除 最 亮 的 平行 光 外 的 4 个 逐 像素 光 
F 行 光 ， 它 会 在 Chapter9-Forward 
Rendering 的 Base Pass 中 按 逐 像素 的 方式 被 处 理 ; 其 余 4 个 都 是 点 光源 ,由 于 它们 的 Render Mode 


照 。 在 这 个 例子 中 ， 场 景 中 共 包含 了 5 个 光源 ， 其 中 一 个 是 3 


为 Auto 且 数 目 正 好 等 于 4， 因 此 都 会 在 Chapter9-ForwardRendering 由 


方式 被 处 理 ， 每 个 光源 会 调用 一 次 Additional Pass 。 


使 用 方法 是 : 在 Window -> Frame Debugger 中 打开 帧 调试 器 ， 如 图 9.11 所 示 。 
从 帧 调试 器 中 可 以 看 出 ， 泻 染 这 个 场景 Unity 一 共 进 行 了 6 个 泻 染 事件 ， 由 


了 一 个 物体 ， 因 此 这 6 个 泻 染 事件 几乎 都 是 用 于 泻 染 该 物体 的 光照 结果 。 我 们 可 以 通过 依次 单 


的 Additional Pass ! 


品 


在 Unity 5 中 ， 我 们 还 可 以 使 用 帧 调试 器 (Frame Debugger) 工具 来 查看 场景 的 绘 于 


一 


于 本 例 中 只 


过 程 9 


书 


逐 像素 的 


a 


| 
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帧 调试 器 中 的 泻 染 事件 ， 来 查看 Unity 是 怎样 演 染 物体 的 。 图 9.12 给 出 了 本 例 中 Unity 进行 的 6 
个 演 染 事件 。 


ec EL = oo 
sess Tri 
Event 46! Draw Mesh 

Phnder Unly Fhatier Sooh /Chaoterd Forward 上 
Wend One One Ome One CetsrMast CSA 

§| mtime Pere on Gi eh mati 0 


Drawng 
Tender OpaqueCeometry 


6 

5 

VaandeFarwardOpogun Nondet 6 
" 


Cear 
Ciear fcolors L+Hencil) 
Daw Mesh Capeule 


Draw Mesh Capiule 


帧 调试 器 查看 场景 的 绘制 事件 


4 图 9.11 二 


EEvent #4: Draw Mesh 


Shader Unity Shader Book/Chapter9 Forward Wendering pass £1 
Send One Ga One One ColorWtask RCEA 
Hen Lasfgus Wm On Col och Other 0. 0 Wm 


4 图 9.12 ”本 例 中 的 6 个 演 染 事件 ， 绘 制 顺序 是 从 左 到 右 、 从 上 到 下 进行 的 


从 图 9.12 可 以 看 出 ，Unity 是 如 何 一 步 步 将 不 同 光 照 泻 染 到 物体 上 的 : 在 第 一 个 泻 染 事件 中 ， 
Unity 首先 清除 颜色 、 深 度 和 模板 缓冲 ， 为 后 面 的 泻 染 做 准备 ; 在 第 二 个 泻 染 事件 中 ，Unity 利用 
Chapter9-ForwardRendering 的 第 一 个 Pass， 即 Base Pass， 将 平行 光 的 光照 泻 染 到 帧 缓存 中 ;在 后 
而 的 4 个 演 染 事件 中 ，Unity 使 用 Chapter9-ForwardRendering 的 第 二 个 Pass， 即 Additional Pass， 
依次 将 4 个 点 光源 的 光照 应 用 到 物体 上 ， 得 到 最 后 的 泻 染 结果 。 

可 以 注意 到 ，Unity 处 理 这 些 点 光源 的 顺序 是 按照 它们 的 重要 度 排序 的 。 在 这 个 例子 中 ， 

于 所 有 点 光源 的 颜色 和 强度 都 相同 , 因此 它们 的 重要 度 取 诀 于 它们 距离 胶 圳 体 的 远近 , 因此 图 9.12 

中 首先 绘制 的 是 距离 胶 圳 体 最 近 的 点 光源 。 但 是 ， 如 果 光 源 的 强度 和 颜色 互 不 相同 ， 那 么 距离 就 

不 再 是 唯一 的 衡量 标准 。 例 如 ， 如 果 我 们 把 现在 距离 最 近 的 点 光源 的 强度 设 为 0.2， 那么 从 帧 调试 

器 中 我 们 可 以 发 现 绘制 顺序 发 生 了 变化 ， 此 时 首先 绘制 的 是 距离 胶 圳 体 第 二 近 的 点 光源 ， 最 近 的 

点 光源 则 会 在 最 后 被 泻 染 。Unity 官方 文档 中 并 没有 给 出 光源 强度 、 颜 色 和 距离 物体 的 远近 是 如 

何 具体 影响 光源 的 重要 度 排序 的 ， 我 们 仅 知道 排序 结果 和 这 三 者 都 有 关系 。 

对 于 场景 中 的 一 个 物体 ， 如 果 它 不 在 一 个 光源 的 光照 范围 内 ，Unity 是 不 会 为 这 个 物体 调用 

Pass 来 处 理 这 个 光源 的 。 我 们 可 以 把 本 例 中 距离 最 远 的 点 光源 的 范围 调 小 ， 使 得 胶囊 体 在 它 的 照 

亮 范围 外 。 此 时 再 查看 帧 调试 器 ,我 们 可 以 发 现 泻 染 事件 比 之 前 少 了 一 个 ,如 图 9.13 所 示 。 同 样 ， 
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AS 


如 果 一 个 物体 不 在 某 个 聚光灯 的 范围 内 ，Unity 也 是 不 会 为 该 物体 调用 相关 的 泻 染 事件 的 。 


YRender OpaqueCeometry 
VRenderForwardOpaque Render 
VClear 
Clear (color+Z+stencil) 
Draw Mesh Capsule 
Draw Mesh Capsule 
Draw Mesh Capsule 
Draw Mesh Capsule 


Pp 
入 


9.13 ”如 果 物 体 不 在 一 个 光源 的 光照 范围 内 ( 从 右 图 可 以 看 出 ， 胶 圳 体 不 在 最 左 方 的 点 光源 的 照明 范围 内 )，Unity 是 

不 会 调用 Additional Pass 来 为 该 物体 处 理 该 光源 的 

我 们 知道 ， 如 果 逐 像素 光源 的 数目 很 多 的 话 ， 该 物体 的 Additional Pass 就 会 被 调用 多 次 ， 影 

响 性 能 。 我 们 可 以 通过 把 光源 的 Render Mode 设 为 Not Important 来 告诉 Unity， 我 们 不 希望 把 

该 光源 当成 逐 像 素 处 理 。 在 本 例 中 ,我 们 可 以 把 4 个 点 光源 的 Render Mode 都 设 为 Not Important， 
可 以 得 到 图 9.14 中 的 结果 。 


€ Came | 口 console 和 OOe 


| 400x400 了 | Frame Debugger on 


Event #2: Draw Mesh 
| Shader: Unity Shader Book/Chapter9 Forward 
2 | Blend One Zero, One Zero ColorMask RGBA 

po | ZTest LessEqual ZWrite On Cull Back Offset 0, 0 


了 Drawing 
WRender.OpaqueGeometry 
VRenderForwardOpaque.Render 


Clear (color+Z+stencil) 
Draw Mesh Capsule 


4 图 9.14 ” 当 把 光源 的 Render Mode 设 为 Not Important 时 ， 这 些 光 源 就 不 会 按 逐 像素 光 来 处 理 


由 于 我 们 在 Chapter9-ForwardRendering 中 没有 在 Bass Pase 中 计算 逐 顶 点 和 SH 光源 , 因此 场 
景 中 的 4 个 点 光源 实际 上 不 会 对 物体 造成 任何 影响 。 同 样 ， 如 果 我 们 把 平行 光 的 Render Mode 也 
设 为 Not Important， 那么 读者 可 以 猜测 一 下 结果 会 是 什么 。 没 错 , 物体 就 会 仅 显 示 环 境 光 的 光照 


结 


那么 ， 我 们 如 何在 前 向 泻 染 路 径 的 Base Pass 中 计算 逐 顶 点 和 SH 光 呢 ?我 们 可 以 使 用 9.1.1 
节 中 提 到 的 内 置 变 量 和 函数 来 计算 这 些 光 源 的 光照 效果 。 


93 | Unity 的 光照 衰减 


在 9.2 节 中 ， 我 们 提 到 Unity 使 用 一 张 纹理 作为 查找 表 来 在 片 元 着 色 器 中 计算 逐 像素 光照 的 
衰减 。 这 样 的 好 处 在 于 ， 计 算 衰 减 不 依赖 于 数学 公式 的 复杂 性 ， 我 们 只 要 使 用 一 个 参数 值 去 纹理 
中 采样 即 可 。 但 使 用 纹理 查找 来 计算 衰减 也 有 一 些 浆 端 。 
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。 需要 预 处 理 得 到 采样 纹理 ， 而 且 纹 理 的 大 小 也 会 影响 衰减 的 精度 。 

。 不 直观 ， 同 时 也 不 方便 ， 因 此 一 旦 把 数据 存储 到 查找 表 中 ， 我 们 就 无 法 使 用 其 他 数学 公式 
来 计算 衰减 。 

但 由 于 这 种 方法 可 以 在 一 定 程度 上 提升 性 能 ， 而 且 得 到 的 效果 在 大 部 分 情况 下 都 是 良好 的 ， 

对 此 Unity 默认 就 是 使 用 这 种 纹理 查找 的 方式 来 计算 逐 像素 的 点 光源 和 聚光灯 的 衰减 的 。 


9.3.1 用 于 光照 衰减 的 纹理 

Unity 在 内 部 使 用 一 张 名 为 _LightTexture0 的 纹理 来 计算 光源 衰减 。 需 要 注意 的 是 ， 如 果 我 们 
对 该 光源 使 用 了 cookie， 那 么 衰减 查找 纹理 是 _ LightTextureB0， 但 这 里 不 讨论 这 种 情况 。 我 们 通 
常 只 关心 _LightTexture0 对 角 线 上 的 纹理 颜色 值 , 这 些 值 表明 了 在 光源 空间 中 不 同位 置 的 点 的 衰减 
值 。 例 如 ，(0, 0) 点 表明 了 与 光源 位 置 重合 的 点 的 衰减 值 ， 而 (1, 1) 点 表明 了 在 光源 空间 中 所 关心 的 
距离 最 远 的 点 的 衰减 。 

为 了 对 _LightTexture0 纹理 采样 得 到 给 定点 到 该 光源 的 衰减 值 , 我 们 首先 需要 得 到 该 点 在 光源 
空间 中 的 位 置 , 这 是 通过 _LightMatrix0 变换 矩阵 得 到 的 ,在 9.1.1 节 中 ,我 们 已 经 知道 _LightMatrix0 
可 以 把 顶点 从 世界 空间 变换 到 光源 空间 。 因 此 ， 我 们 只 需要 把 _LightMatrix0 和 世界 空间 中 的 顶点 
坐标 相 乘 即 可 得 到 光源 空间 中 的 相应 位 置 ; 


| float3 lightCoord = mul( LightMatrix0, float4(i.worldPosition, 1)) .xyz; 


然后 ， 我 们 可 以 使 用 这 个 坐标 的 模 的 平方 对 衰减 纹理 进行 采样 ， 得 到 衰减 值 : 


| fixed atten = tex2D( LightTexture0, dot (lightCoord, LightCoord) .rr) .UNITY ATTEN CHANNEL; 


可 以 发 现 ， 在 上 面 的 代码 中 ,我 们 使 用 了 光源 空间 中 顶点 距离 的 平方 (通过 dot 函数 来 得 到 ) 
来 对 纹理 采样 ， 之 所 以 没有 使 用 距离 值 来 采样 是 因为 这 种 方法 可 以 避免 开 方 操作 。 然 后 ， 我 们 使 
j 宏 UNITY_ATTEN_CHANNEL 来 得 到 衰减 纹理 中 衰减 值 所 在 的 分 量 ， 以 得 到 最 终 的 衰减 值 。 


9.3.2 ”使 用 数学 公式 计算 衰减 


尽管 纹理 采样 的 方法 可 以 减少 计算 衰减 时 的 复杂 度 ， 但 有 时 我 们 希望 可 以 在 代码 中 利用 公式 
来 计算 光源 的 衰减 。 例 如 ， 下 面 的 代码 可 以 计算 光源 的 线性 衰减 : 


float distance = Length(_ WorldSpaceLightPos0.xyz - i.worldPosition.xyz); 
atten = 1.0 / distance; // linear attenuation 


可 惜 的 是 ，Unity 没有 在 文档 中 给 出 内 置 衰减 计算 的 相关 说 明 。 尽 管 我 们 仍然 可 以 在 片 元 着 
色 器 中 利用 一 些 数学 公式 来 计算 衰减 ， 但 由 于 我 们 无 法 在 Shader 中 通过 内 置 变 量 得 到 光源 的 范 
围 、 聚 光 灯 的 朝向 、 张 开 角 度 等 信息 ， 因 此 得 到 的 效果 往往 在 有 些 时 候 不 尽 如 人 意 ， 尤 其 在 物体 
离开 光源 的 照明 范围 时 会 发 生 突变 〈 这 是 因为 ， 如 果 物 体 不 在 该 光源 的 照明 范围 内 ，Unity 就 不 
会 为 物体 执行 一 个 Additional Pass)。 当 然 ， 我 们 可 以 利用 脚本 将 光源 的 相关 信息 传递 给 Shader， 
但 这 样 的 灵活 性 很 低 。 我 们 只 能 期 待 未 来 的 版 本 中 Unity 可 以 完善 文档 并 开放 更 多 的 参数 给 开发 
者 使 用 。 


有 Unio 的 阴影 


为 了 让 场景 看 起 来 更 加 真实 ， 具 有 深度 信息 ， 我 们 通常 希望 光源 可 以 把 一 些 物 体 的 阴影 投射 
在 其 他 物体 上 。 在 本 节 ， 我 们 就 来 学 习 如 何在 Unity 中 让 一 个 物体 向 其 他 物体 投射 阴影 ， 以 及 如 
何 让 一 个 物体 接收 来 自 其 他 物体 的 阴影 。 


we 
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9.4.1 阴影 是 如 何 实现 的 


我 们 可 以 先 考虑 真实 生活 中 阴影 是 如 何 产生 的 。 当 一 个 光源 发 射 的 一 条 光线 遇 到 一 个 不 透明 
物体 时 ， 这 条 光线 就 不 可 以 再 继续 照 亮 其 他 物体 (这 里 不 考虑 光线 反射 )。 因 此 ， 这 个 物体 就 会 向 
它 旁边 的 物体 投射 阴影 ， 那 些 阴影 区 域 的 产生 是 因为 光线 无 法 到 达 这 些 区 域 。 

在 实时 泻 染 中 ， 我 们 最 常 使 用 的 是 一 种 名 为 Shadow Map 的 技术 。 这 种 技术 理解 起 来 非常 简 
单 ， 它 会 首先 把 摄像 机 的 位 置 放 在 与 光源 重合 的 位 置 上 ， 那 么 场景 中 该 光源 的 阴影 区 域 就 是 那些 
摄像 机 看 不 到 的 地 方 。 而 Unity 就 是 使 用 的 这 种 技术 。 
在 前 向 泻 染 路 径 中 ， 如 果 场 景 中 最 重要 的 平行 光 开 启 了 阴影 ，Unity 就 会 为 该 光源 计算 它 的 
阴影 映射 纹理 (shadowmap )。 这 张 阴影 映射 纹理 本 质 上 也 是 一 张 深度 图 ， 它 记录 了 从 该 光源 的 位 
置 出 发 、 能 看 到 的 场景 中 距离 它 最 近 的 表面 位 置 〈 深 度 信 息 )。 
那么 ， 在 计算 阴影 映射 纹理 时 ， 我 们 如 何 判 定 距 离 它 最 近 的 表面 位 置 呢 ? 一 种 方法 是 ， 先 把 
摄像 机 放置 到 光源 的 位 置 上 ,然后 按 正 常 的 泻 染 流 程 ， 即 调用 Base Pass 和 Additional Pass 来 更 新 
深度 信息 ， 得 到 阴影 映射 纹理 。 但 这 种 方法 会 对 性 能 造成 一 定 的 浪费 ， 因 为 我 们 实际 上 仅仅 需要 
深度 信息 而 已 , 而 Base Pass 和 Additional Pass 中 往往 涉及 很 多 复杂 的 光照 模型 计算 。 因 此 ，Unity 
选择 使 用 一 个 额外 的 Pass 来 专门 更 新 光源 的 阴影 映射 纹理 ， 这 个 Pass 就 是 LightMode 标签 被 设 
置 为 ShadowCaster 的 Pass。 这 个 Pass 的 泻 染 目标 不 是 帧 缓存 , 而 是 阴影 映射 纹理 (或 深度 纹理 )。 
Unity 首先 把 摄像 机 放置 到 光源 的 位 置 上 ， 然 后 调用 该 Pass， 通 过 对 顶点 变换 后 得 到 光源 空间 下 
的 位 置 ， 并 据 此 来 输出 深度 信息 到 阴影 映射 纹理 中 。 因 此 ， 当 开启 了 光源 的 阴影 效果 后 ， 底 层 泻 
染 引 擎 首先 会 在 当前 泻 染 物体 的 Unity Shader 中 找到 LightMode 为 ShadowCaster 的 Pass， 如 果 
没有 ， 它 就 会 在 Fallback 指定 的 Unity Shader 中 继续 寻找 ， 如 果 仍 然 没 有 找到 ， 该 物体 就 无 法 向 
其 他 物体 投射 阴影 〈 但 它 仍然 可 以 接收 来 自 其 他 物体 的 阴影 )。 当 找到 了 一 个 LightMode 为 
ShadowCaster 的 Pass 后 ，Unity 会 使 用 该 Pass 来 更 新 光源 的 阴影 映射 纹理 。 
在 传统 的 阴影 映射 纹理 的 实现 中 ， 我 们 会 在 正常 泻 染 的 Pass 中 把 顶点 位 置 变换 到 光源 空间 
下 ， 以 得 到 它 在 光源 空间 中 的 三 维 位 置信 息 。 然 后 ， 我 们 使 用 xy 分 量 对 阴影 映射 纹理 进行 采样 ， 
得 到 阴影 映射 纹理 中 该 位 置 的 深度 信息 ,如 果 该 深度 值 小 于 该 项 点 的 深度 值 (通常 由 z 分 量 得 到 )， 
那么 说 明 该 点 位 于 阴影 中 。 但 在 Unity 5 中 ，Unity 使 用 了 不 同 于 这 种 传统 的 阴影 采样 技术 ， 即 屏 
空间 的 阴影 映射 技术 (Screenspace Shadow Map)。 屏 幕 空间 的 阴影 映射 原本 是 延迟 泻 染 中 产 
生 阴 影 的 方法 。 需 要 注意 的 是 ， 并 不 是 所 有 的 平台 Unity 都 会 使 用 这 种 技术 。 这 是 因为 ， 屏 幕 空 
间 的 阴影 映射 需要 显卡 支持 MRT， 而 有 些 移动 平台 不 支持 这 种 特性 。 

当 使 用 了 屏幕 空间 的 阴影 映射 技术 时 ，Unity 首先 会 通过 调用 LightMode 为 ShadowCaster 的 
Pass 来 得 到 可 投射 阴影 的 光源 的 阴影 映射 纹理 以 及 摄像 机 的 深度 纹理 。 然 后 ， 根 据 光 源 的 阴影 映射 
纹理 和 摄像 机 的 深度 纹理 来 得 到 屏幕 空间 的 阴影 图 。 如 果 摄 像 机 的 深度 图 中 记录 的 表面 深度 大 于 转 
换 到 阴影 映射 纹理 中 的 深度 值 ， 就 说 明 该 表面 虽然 是 可 见 的 ， 但 是 却 处 于 该 光源 的 阴影 中 。 通 过 这 
样 的 方式 ， 阴 影 图 就 包含 了 屏幕 空间 中 所 有 有 阴影 的 区 域 。 如 果 我 们 想 要 一 个 物体 接收 来 自 其 他 物 
体 的 阴影 ， 只 需要 在 Shader 中 对 阴影 图 进行 采样 。 由 于 阴影 图 是 屏幕 空间 下 的 ， 因 此 ， 我 们 首先 需 
要 把 表面 坐标 从 模型 空间 变换 到 屏幕 空间 中 ， 然 后 使 用 这 个 坐标 对 阴影 图 进行 采样 即 可 。 

总 结 一 下 ， 一 个 物体 接收 来 自 其 他 物体 的 阴影 ， 以 及 它 向 其 他 物体 投射 阴影 是 两 个 过 程 。 

。 如 果 我 们 想 要 一 个 物体 接收 来 自 其 他 物体 的 阴影 , 就 必须 在 Shader 中 对 阴影 映射 纹理 ( 包 

括 屏 幕 空间 的 阴影 图 ) 进行 采样 ， 把 采样 结果 和 最 后 的 光照 结果 相 乘 来 产生 阴影 效果 。 

。 如 果 我 们 想 要 一 个 物体 向 其 他 物体 投射 阴影 , 就 必须 把 该 物体 加 入 到 光源 的 阴影 映射 纹理 

的 计算 中 ， 从 而 让 其 他 物体 在 对 阴影 映射 纹理 采样 时 可 以 得 到 该 物体 的 相关 信息 。 在 Unity 
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中 ， 这 个 过 程 是 通过 为 该 物体 执行 LightMode 为 ShadowCaster 的 Pass 来 实现 的 。 如 果 
使 用 了 屏幕 空间 的 投影 映射 技术 ，Unity 还 会 使 用 这 个 Pass 产生 一 张 摄像 机 的 深度 纹理 。 
在 下 面 的 章节 中 ， 我 们 会 学 习 如 何在 Unity 中 实现 上 面 两 个 过 程 。 


9.4.2 ”不 透明 物体 的 阴影 


我 们 首先 进行 如 下 的 准备 工作 。 
(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene 9 4 2。 在 Unity 5.2 中 ， 
默认 情况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 合子。 在 Window 一 
Lighting 一 Skybox 中 去 掉 场 景 中 的 天 空 盒子 。 

(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 ShadowMat 。 我 们 把 9.2 节 中 的 
Chapter9-ForwardRendering 赋 给 它 。 

(3) 在 场景 中 创建 一 个 正方 体 、 两 个 平面 ， 并 把 第 2 步 中 的 材质 赋 给 正方 体 ， 但 不 改变 两 个 
平面 的 材质 〈 默 认 情 况 下 ， 它 们 会 使 用 内 置 的 Standard 材质 )。 

(4) 保存 场景 。 

为 了 让 场景 中 可 以 产生 阴影 ， 我 们 首先 需要 让 平行 光 可 以 收集 阴影 信息 。 这 需要 在 光源 的 
Light 组 件 中 开启 阴影 ， 如 图 9.15 所 示 。 
在 本 例 中 ， 我 们 选择 了 软 阴影 (Soft Shadows )。 


1. 让 物体 投射 阴影 


在 Unity 中 ， 我 们 可 以 选择 是 否 让 一 个 物体 投射 或 接收 阴影 。 这 是 通过 设置 Mesh Renderer 
组 件 中 的 Cast Shadows 和 Receive Shadows 属性 来 实现 的 ， 如 图 9.16 所 示 。 
Ta MLight \ “4 局 为 


pr de 
Type [Directional 加 | 

站 
Baking [Realime “sh 
Color [J 
Intensity Cr [1 
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Shadow Type $ 
en S = T .lM Mesh Renderer 回头 , 
Resolution se Quali ngs $ Catena ae 
Bias ea | 
ep p Receive Shadows MM 
WW Materials 
Cookie None (Texture) [o] Size I 
Cookie Size 10 一 一 一 一 一 一 一 一 
Draw Halo 口 rt 0 @ForwardRendering © 
Flare None {Flare) [eo] Use Light Probes 
Render Mode Auto Reflection Probes | Blend Probes 加 | 
Culling Mask [Eveything $4| Anchor Override None (Transform) o 
4 图 9.15 ”开启 光源 的 阴影 效果 4 图 9.16 ”Mesh Renderer 组 件 的 Cast Shadows 和 


Receive Shadows 属性 可 以 控制 该 物体 是 否 投射 /接收 阴影 


Cast Shadows 可 以 被 设置 为 开启 (On) 或 关闭 (Off)。 如 果 开 启 了 Cast Shadows 属性 ， 那 
么 Unity 就 会 把 该 物体 加 入 到 光源 的 阴影 映射 纹理 的 计算 中 ， 从 而 让 其 他 物体 在 对 阴影 映射 纹理 
采样 时 可 以 得 到 该 物体 的 相关 信息 。 正 如 之 前 所 说 ， 这 个 过 程 是 通过 为 该 物体 执行 LightMode 为 
ShadowCaster 的 Pass 来 实现 的 。Receive Shadows 则 可 以 选择 是 否 让 物体 接收 来 自 其 他 物体 的 阴 
。 如 果 没 有 开启 Receive Shadows 那么 当 我 们 调用 Unity 的 内 置 宏和 变量 计算 阴影 (在 后 面 我 
人 时 ， 这 些 宏 通 过 判断 该 物体 没有 开启 接收 阴影 的 功能 ， 就 不 会 在 内 部 为 我 们 
计算 阴影 。 
我 们 把 正方 体 和 两 个 平面 的 Cast Shadows 和 Receive Shadows 都 设 为 开启 状态 ， 可 以 得 到 

图 9.17 中 的 结 
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从 图 9.17 可 以 发 现 ,尽管 我 们 没有 对 正方 体 使 | 
但 正方 体 仍然 可 以 向 下 面 的 平面 投射 阴影 。 一 些 读者 


可 能 会 有 疑问 :“ 之 前 不 是 说 Unity 要 使 用 LightMode 
为 ShadowCaster 的 Pass 来 演 染 阴影 映射 纹理 和 深度 
图 吗 ? 但 是 Chapter9- ForwardRendering 中 并 没有 这 
样 一 个 Pass 啊 。” 没 错 ， 我 们 在 Chapter9-Forward 
Rendering 的 SubShader 只 定义 了 两 个 Pass 一 一 一 个 
Base Pass， 一 个 Additional Pass。 那 么 为 什么 它 还 可 
以 投射 阴影 呢 ? 实际 上 ， 秘 密 就 在 于 Chapter9- 
ForwardRendering 中 的 Fallback 语义 : 


| Fal 


llback "Specular™" 


， 我 们 为 它 的 


在 Chapter9-ForwardRendering ! 
Fallback 指定 了 一 个 | 
样 一 个 Pass, 但 是 
我 们 可 以 在 Unity 
VertexLit.shader。 打 


的 Fallback 调用 了 VertexLit， 


J 


开 它 ， 我们 就 可 以 看 到 “传说 


// Pass to render object as a shadow caster 

Pass { 
Name 

Tags { 


"ShadowCaster™" 
"LightMode" = "ShadowCaster" } 
CGPROGRAM 

pragma vertex vert 

pragma fragment frag 

pragma multi compile shadowcaster 
include "UnityCG.cgincn 


Struct, vit. 
V2F_SHADOW CASTER; 
v2f vert( appdata base v ) 


v2f o; 


return o; 


float4 frag( v2f i ) : SV Target 


SHADOW CASTER FRAGMENT (i) 


ENDCG 
} 
上 面 的 代码 非常 短 ， 尽 管 有 
是 为 了 把 深度 信息 写 入 泻 染 目标 
纹理 ， 或 是 摄像 机 的 深度 纹理 。 
如 果 我 们 把 Chapter9-ForwardRendering ' 
下 投射 阴影 了 。 当 然 ， 我 们 


。 在 Unity 5 中 ， 


于 回调 Unity Shader， 即 内 置 的 Specular。 


TRANSFER SHADOW CASTER NORMALOFFSET(O 


的 Fallback 汶 
可 以 不 依赖 Fallback， 而 上 
为 ShadowCaster 的 Pass。 这 种 自 定义 的 Pass 可 以 让 我 们 更 加 灵活 地 控制 阴影 


的 Chapter9-ForwardRendering 进行 任何 更 改 


€ Came 
4 


9.17 开启 Cast Shadows 和 Receive Shadows， 
从 而 让 正方 体 可 以 投射 和 接收 阴影 


>» 


二 
Manmize on Py | Mute awdse Sats | Clzmos ~ 


虽然 Specular 本 身 也 没有 包含 这 


它 会 继续 回调 , 并 最 终 回调 到 内 置 的 VertexLit。 


”的 LightMode 为 ShadowCaster 的 Pass 了 


) 


些 宏和 指令 是 我 们 之 前 没有 遇 到 过 的 ， 但 它们 的 用 处 实际 上 就 
标 可 以 是 光源 的 阴影 映射 


这 个 Pass 的 泻 染 目 


定义 
的 产生 。 


行 在 SubShader : 


个 Pass 的 功能 通常 是 可 以 在 多 个 Unity Shader 间 通 


的 ， 因 此 直接 Fallback 是 一 个 更 加 方便 的 月 


内 置 的 着 色 器 里 找到 它 : builtin-shaders-xxx->DefaultResourcesExtra->Normal- 


FE 释 掉 ， 就 可 以 发 现 正方 体 不 会 再 向 平 
己 的 LightMode 
但 由 于 这 
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法 。 在 之 前 的 章节 中 ， 我 们 有 时 也 在 Fallback 中 使 用 内 置 的 Diffuse， 虽 然 Diffuse 本 身 也 没有 包 
含 这 样 一 个 Pass， 但 是 由 于 它 的 Fallback 调用 了 VertexLit， 因 此 Unity 最 终 还 是 会 找到 一 

LightMode 为 ShadowCaster 的 Pass， 从 而 可 以 让 物体 产生 阴影 。 在 下 面 的 9.4.2 节 中 ， 我 们 将 继 
续 看 到 LightMode 为 ShadowCaster 的 Pass 对 产生 正确 的 阴影 的 重要 性 。 
图 9.17 中 还 有 一 个 有 意思 的 现象 ， 就 是 右 侧 的 平面 并 没有 向 最 下 面 的 平面 投射 阴影 ， 尽 管 它 
的 Cast Shadows 已 经 被 开启 了 。 在 默认 情况 下 , 我 们 在 计算 光源 的 阴影 映射 纹理 时 会 剔除 掉 物 体 
的 背面 。 但 对 于 内 置 的 平面 来 说 ， 它 只 有 一 个 面 ， 因 此 在 本 例 中 当 计算 阴影 映射 纹理 时 ， 由 于 右 
侧 的 平面 在 光源 空间 下 没有 任何 正面 〈frontface )， ee 里 中 。 我 们 可 以 
将 Cast Shadows 设置 为 Two Sided 来 允许 对 物体 的 所 有 面 都 计算 阴影 信息 。 图 9.18 给 出 了 当 把 


Recelve Shadows 


4 图 9.18 把 Cast Shadows 设置 为 Two Sided 可 以 让 右 侧 平面 的 背光 面 也 产生 阴影 


在 本 例 中 ， 最 下 面 的 平面 之 所 以 可 以 接收 阴影 是 因为 它 使 用 了 内 置 的 Standard Shader， 而 这 
个 内 置 的 Shader 进行 了 接收 阴影 的 相关 操作 。 但 由 于 正方 体 使 用 的 Chapter9-ForwardRendering 并 
没有 对 阴影 进行 任何 处 理 ， 因 此 它 不 会 显示 出 右 侧 平面 投射 来 的 阴影 。 在 下 一 节 中 ， 我 们 将 学 习 
如 何 让 正方 体 也 可 以 接收 阴影 。 


2. 让 物体 接收 阴影 


为 了 让 正方 体 可 以 接收 阴影 我们 首先 新 建 一 个 Unity Shader， 在 本 书 资源 中 ， 它 的 名 称 为 
Chapter9-Shadow。 我 们 把 Chapter9-Shadow 赋 给 正方 体 使 用 的 材质 ShadowMat。 删 除 Chapter9- 
Shadow 中 的 代码 ， 把 Chapter9-ForwardRendering 的 代码 复制 给 它 。 当 然 ， 这 样 仍然 不 会 有 任何 
阴影 出 现在 正方 体 上 ， 因 此 我 们 需要 对 代码 进行 一 些 更 改 。 

(1) 首先 ， 我 们 在 Base Pass 中 包含 进 一 个 新 的 内 置 文件 : 


| #include "AutoLight.cginc"o 


这 是 因为 ， 我 们 下 面 计 算 阴 影 时 所 用 的 宏 都 是 在 这 个 文件 中 声明 的 。 
(2) 我 们 在 顶点 着 色 器 的 输出 结构 体 v2f 中 添加 了 一 个 内 置 宏 SHADOW_COORDS: 


struct v2f { 
float4 pos : SV_POSITION; 
float3 worldNormal : TEXCOORDO; 
float3 worldPos : TEXCOORD1; 
SHADOW COORDS (2) 
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这 个 宏 的 作用 很 简单 ， 就 是 声明 一 个 用 于 对 阴影 纹理 采样 的 坐标 。 需 要 注意 的 是 ， 这 个 宏 的 
参数 需要 是 下 一 个 可 用 的 插值 寄存 器 的 索引 值 ， 在 上 面 的 例子 中 就 是 2。 
(3) 然后 ， 我 们 在 顶点 着 色 器 返回 之 前 添加 另 一 个 内 置 宏 TRANSFER_SHADOW: 


V2f vert(a2v v) { 
v2f o; 


村 


// Pass shadow coordinates to pixel shader 
TRANSFER SHADOW (0); 


return o; 


这 个 宏 用 于 在 顶点 着 色 器 中 计算 上 一 步 中 声明 的 阴影 纹理 坐标 。 
(4) 接着， 我 们 在 片 元 着 色 器 中 计算 阴影 值 ， 这 同样 使 用 了 一 个 内 置 宏 SHADOW_ 
ATTENUATION: 


// Use shadow coordinates to sample shadow map 
fixed shadow = SHADOW ATTENUATION (i); 


SHADOW_COORDS、TRANSFER_SHADOW 和 SHADOW_ATTENUATION 是 计算 阴影 
时 的 “三 剑客 ”。 这些 内 置 宏 帮 助 我 们 在 必要 时 计算 光源 的 阴影 。 我 们 可 以 在 AutoLight.cginc : 
找到 它们 的 声明 : 


Ns 
// Shadow helpers 
i 
// ---- Screen space shadows 


#if defined (SHADOWS SCREEN) 
UNITY DECLARE SHADOWMAP( ShadowMapTexture); 
#define SHADOW COORDS (idqx1) unityShadowCoord4 ShadowCoord : TEXCOORD##idxl1; 
#if defined (UNITY NO SCREENSPACE SHADOWS) 
define TRANSFER SHADOW(a) a. ShadowCoord = mul( unity World2Shadow[0], 
mul( Object2World, v.vertex ) ); 
inline fixed unitySampleShadow (unityShadowCoord4 shadowCoord) 


#else // UNITY NO SCREENSPACE SHADOWS 
define TRANSFER SHADOW(a) a. ShadowCoord = ComputeScreenPos (a.pos); 
inline fixed unitySampleShadow (unityShadowCoord4 shadowCoord) 


fixed shadow = tex2Dproj( ShadowMapTexture, UNITY PROJ COORD (shadowCoord) ) .r; 
return shadow; 


#endif 
#define SHADOW ATTENUATION(a) unitySampleShadow (a. ShadowCoord) 
endif 


// ---- Spot light shadows 
if defined (SHADOWS DEPTH) && defined (SPOT) 


endif 

// ---- Point light shadows 

if defined (SHADOWS CUBE) 

endif 

// ---- Shadows off 

if !defined (SHADOWS SCREEN) && Idefined (SHADOWS DEPTH) && Idefined (SHADOWS_ CUBE) 


#define SHADOW COORDS (idx1) 
#define TRANSFER SHADOW (a) 
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define SHADOW ATTENUATION {a 10 
#endif 


上 面 的 代码 看 起 来 很 多 、 很 复杂 ， 实 际 上 只 是 Unity 为 了 处 理 不 同 光 源 类 型 、 不 同 平台 而 定义 ] 
多 个 版 本 的 宏 。 在 前 向 泻 染 中 ， 宏 SHADOW_COORDS 实际 上 就 是 声明 了 一 个 名 为 _ ShadowCoord 
的 阴影 纹理 坐标 变量 。 而 TRANSFER_SHADOW 的 实现 会 根据 平台 不 同 而 有 所 差异 。 如 果 当 前 
平台 可 以 使 用 屏幕 空间 的 阴影 映射 技术 〈 通 过 判断 是 否定 义 了 UNITY_NO_SCREENSPACE_ 
SHADOWS 来 得 到 )，TRANSFER_SHADOW 会 调用 内 置 的 ComputeScreenPos 函数 来 计算 
_ShadowCoord; 如 果 该 平台 不 支持 屏幕 空间 的 阴影 映射 技术 ， 就 会 使 用 传统 的 阴影 映射 技术 ， 
TRANSFER_SHADOW 会 把 顶点 坐标 从 模型 空间 变换 到 光源 空间 后 存储 到 _ShadowCoord 中 。 然 
后 ，SHADOW_ATTENUATION 负责 使 用 _ShadowCoord 对 相关 的 纹理 进行 采样 ， 得 到 阴影 信息 。 

注意 到 ， 上 面 内 置 代码 的 最 后 定义 了 在 关闭 阴影 时 的 处 理 代码 。 可 以 看 出 ， 当 关闭 了 阴影 后 ， 
SHADOW_COORDS 和 TRANSFER_SHADOW 实际 没有 任何 作用 ,而 SHADOW_ATTENUATION 
会 直接 等 同 于 数值 1 。 

需要 读者 注意 的 是 ， 由 于 这 些 宏 中 会 使 用 上 下 文 变量 来 进行 相关 计算 ,例如 TRANSFER_ 
SHADOW 会 使 用 vvertex 或 apos 来 计算 坐标 ， 因 此 为 了 能 够 让 这 些 宏 正 确 工 作 ， 我 们 需要 保证 


自 定 义 的 变量 名 和 这 些 宏 中 使 用 的 变量 名 相 匹 配 。 我 们 需要 保证 ，a2f 结构 体 中 的 顶点 坐标 变量 
名 必须 是 vertex, 顶点 着 色 器 的 输出 结构 体 v2f 必须 命名 为 v， 且 v2f 中 的 顶点 位 置 变量 必须 命名 
为 pos。 


(5) 在 完成 了 上 面 的 所 有 操作 后 ,我 们 只 需要 
把 阴影 值 shadow 和 漫 反 射 以 及 高 光 反 射 颜 色相 乘 
即 可 。 

保存 文件 ， 返 回 Unity 我 们 可 以 发 现 ， 现 在 正 
方 体 也 可 以 接收 来 自 右 侧 平面 的 阴影 了 ,如 图 9.19 
所 示 。 

需要 注意 的 是 ， 在 上 面 的 代码 里 我 们 只 更 改 ] 
Base Pass 中 的 代码 , 使 其 可 以 得 到 阴影 效果 ,而 没 
有 对 Additional Pass 进行 任何 更 改 。 大 体 上 ， 
Additional Pass 的 阴影 处 理 和 Base Pass 是 一 样 的 。 
我 们 将 在 9.4.4 节 看 到 如 何 处 理 这 些 阴影 。 本 节 实 
现 的 代码 仅 是 为 了 解释 如 何 让 物体 接收 阴影 ， 但 不 可 以 直接 应 用 到 项 目 中 。 我 们 会 在 9.5 节 中 给 
出 包含 了 完整 的 光照 处 理 的 Unity Shader。 


9.4.3 ”使 用 帧 调试 器 查看 阴影 绘制 过 程 


尽管 我 们 在 上 面 描述 了 阴影 的 产生 过 程 ， 但 如 果 有 直观 的 方式 看 到 阴影 一 步 步 的 绘制 过 程 那 
就 太 好 了 ! 幸运 的 是 ，Unity 5 添加 了 一 个 新 的 工具 帧 调试 器 。 我 们 曾 在 9.2.2 节 中 利用 它 查 
看 过 Pass 的 绘制 过 程 ， 在 本 节 我 们 会 通过 它 来 查看 阴影 的 绘制 过 程 。 
首先 ， 我 们 需要 在 Window -> Frame Debugger 中 打开 帧 调试 器 。 图 9.20 给 出 了 Scene 9 4 2 
在 帧 调试 器 中 的 分 析 结 果 。 

从 图 9.20 中 可 以 看 出 ， 绘 制 该 场景 共 需 要 花费 20 个 泻 染 事件 。 这 些 泻 染 事 件 可 以 分 为 4 个 
部 分 : UpdateDepthTexture， 即 更 新 摄像 机 的 深度 纹理 ，RenderShadowmap， 即 泻 染 得 到 平行 光 的 
阴影 映射 纹理 ，CollectShadows， 即 根据 深度 纹理 和 阴影 映射 纹理 得 到 屏幕 空间 的 阴影 图 ; 最 后 绘 
制 演 染 结果 。 


4 图 9.19 ”正方 体 可 以 接收 来 自 右 侧 平面 的 阴影 
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FrameDebug | O08 
-~ FE 一 一 一 一 一 一 of20 _ | 村 | 上 
Event #20: Draw Mesh 
TUpdateDepthTexture 4 


Shader: Standard pass #0 DIRECTIONAL SHADOWS_SCREEN LIGHTMAP_OFF DIRLICHTMAP_OFF DYNAM 
Blend One Zero, One Zero ColorMask RGBA 
ZTest LessEqual ZWrite On Cull Back Offset 0, 0 


Clear (color+Z+stencil) 
Draw Mesh Plane (1) 
Draw Mesh Cube 

Draw Mesh Plane 


TDrawing 16 
VRender.OpaqueGeometry 16 
VRenderForwardOpaque.Render 16 


VShadows.RenderShadowmap 10 
TShadows.RendershadowmapDir 10 

Clear (color+Z+stencil) 

Draw Mesh Plane 

Draw Mesh Cube 

Draw Mesh Plane (1) 

Draw Mesh Plane 

Draw Mesh Cube 

Draw Mesh Plane (1) 

Draw Mesh Plane 

Draw Mesh Plane (1) 

Draw Mesh Plane (1) 
VRenderForwardOpaque.CollectShadows 2 


VShadows.CollectSshadows 2 
Clear (color) 
Draw CL 
VClear 1 


Clear (color+Z+stencil) 
Draw Mesh Plane 
Draw Mesh Cube 
Draw Mesh Plane (1) 


Plane subset 0 
121 verts 600 indices 


4 图 9.20 ”使 用 帧 调试 器 查看 阴影 绘制 过 


我 们 首先 来 看 第 一 个 部 分 ， 更 新 摄像 机 的 深度 纹理 ， 这 是 前 4 个 演 染 事件 的 工作 。 我 们 可 以 


单 击 这 些 事 件 查 看 它们 的 绘 币 


C= 


结果 。 图 9.21 给 出 了 正方 体 对 深度 纹理 的 更 新 结果 。 


Pe 20 RenderTarget: Camera DepthTexture 

YUpdateDepthTexture 
Clear (color+Z+stencil) 
Draw Mesh Plane (1) 523x417 Depth 


RTO 和 annels ， B|A Levels 


Event #3: Draw Mesh 

Shader: Unity Shader Book/Chapter9 Shadow pass #3 SHADOWS_DEPTH 
Blend One Zero, One Zero ColorMask RCBA 

ZTest LessEqual ZWrite On Cull Back Offset 0, 0 


Draw Mesh Plane 
VOrawing 16 
VRender.OpaqueGeometry 16 


4 图 9.21 ”正方 体 对 深度 纹理 的 更 新 结果 


从 帧 调试 器 右 侧 的 面板 我 们 可 以 了 解 这 一 泻 染 事 件 的 详细 信息 。 在 图 9.21 中 ， 我 们 可 以 发 现 ， 


Unity 调用 了 Shader: Unity Shader Book/Chapter9 Shadow pass #3 来 更 新 深度 纹理 ， 即 
Chapter9-Shadow 中 的 第 三 个 Pass。 尽 管 Chapter9-Shadow 中 只 定义 了 两 个 Pass， 但 正如 我 们 之 前 


所 说 ，Unity 会 在 它 的 Fallback 中 找到 第 三 个 Pass， 即 LightMode 为 ShadowCaster 的 Pass 来 更 


新 摄像 机 的 深度 纹 到 
也 是 调用 了 这 个 Pass 来 得 到 光源 的 阴影 映射 纹理 。 


F 


这 张 图 已 经 包含 了 最 终 屏幕 上 所 有 有 阴影 区 域 的 阴影 。 在 最 后 一 个 部 分 中 ， 如 果 物 体 所 使 / 


。 同 样 ， 在 第 二 个 部 分 ， 即 泻 染 得 到 平行 光 的 阴影 映射 纹理 的 过 程 ! 


1 


，Unity 


在 第 三 个 部 分 中 ，Unity 会 根据 之 前 两 步 的 结果 得 到 屏幕 空间 的 阴影 图 ， 如 图 9.22 所 示 。 


的 Shader 包含 了 对 这 张 阴影 图 的 采样 就 会 得 到 阴影 效果 。 图 9.23 名 给 出 了 这 个 部 分 Unity 是 如 何 一 


步 步 绘 制 出 有 阴影 的 画面 效果 的 。 
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VCamera.Render 
YUpdateDepthTexture 
Clear (color+Z+stencil) 
Draw Mesh Plane (1) 


VRender.OpaqueGeometry 
YRenderForwardOpaque.Render 


Clear (color+Z+stencil) 

Draw Mesh Plane 

Draw Mesh Cube 

Draw Mesh Plane (1) 

Draw Mesh Plane 

Draw Mesh Cube 

Draw Mesh Plane (1) 

Draw Mesh Plane 

Draw Mesh Plane (1) 

Draw Mesh Plane (1) 
VRenderForwardOpaque.CollectShadows 2| 

了 Shadows CollectShadows 2| 
Clear (color) 


4 图 9.22 ”屏幕 空间 的 阴影 图 


也 3 
区 


Zest Lesstqual IWrie On Cull Bock offset0.0 


4 图 9.23 Unity 绘制 屏幕 阴影 的 过 程 


9.4.4 统一 管理 光照 衰减 和 阴影 


在 9.2 节 和 9.3 节 中 , 我 们 已 经 讲 过 如 何在 Unity Shader 的 前 向 泻 染 路 径 中 计算 光照 衰减 
在 Base Pass 中 ， 平 行 光 的 衰减 因子 总 是 等 于 1， 而 在 Additional Pass 中 ， 我 们 需要 判断 该 Pass 处 
的 光源 类 型 ， 再 使 用 内 置 变量 和 宏 计算 衰减 因子 。 实 际 上 ， 光 照 衰减 和 阴影 对 物体 最 终 的 泻 染 
果 的 影响 本 质 上 是 相同 的 一 一 我 们 都 是 把 光照 衰减 因子 和 阴影 值 及 光照 结果 相 乘 得 到 最 终 的 泻 
5 么 ， 是 不 是 可 以 有 一 个 方法 可 以 同时 计算 两 个 信息 呢 ? 好 消息 是 ，Unity 在 Shader 里 
提供 了 这 样 的 功能 ， 这 主要 是 通过 内 置 的 UNITY_LIGHT_ATTENUATION 宏 来 实现 的 。 

为 此 ， 我 们 做 如 下 准备 工作 。 

(1) 复制 9.4.2 节 中 同样 的 场景 ， 在 本 书 资源 中 该 场景 名 为 Scene_9_4_4。 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 AttenuationAndShadowUseBuildInFunctionsMat。 
(3) 新 建 一 个 Unity Shader。 在 本 书 资 源 中 ， 该 Shader 名 为 Chapter9-AttenuationAndShadowUse 


F 


“A 
Dt 上 


洋 
AN 
HH 
测 
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BuildInFunctions。 把 新 的 Shader 赋 给 第 2 步 中 创建 的 材质 。 

(4) 把 第 2 步 中 的 材质 赋 给 一 个 正方 体 。 

(5) 保存 场景 。 

打开 Chapter9-AttenuationAndShadowUseBuildInFunctions， 把 Chapter9-Shadow 中 的 代码 粘贴 
进去 。 尽 管 Chapter9-Shadow 中 的 代码 可 以 让 我 们 得 到 正确 的 阴影 ， 但 在 实践 中 我 们 通常 会 使 用 
Unity 的 内 置 宏和 函数 来 计算 衰减 和 阴影 ， 从 而 隐藏 一 些 实现 细节 。 关 键 代码 如 下 。 

(1) 首先 包含 进 需要 的 头 文件 。 


// Need these files to get built-in macros 
#include "Lighting.cginc" 
#include "AutoLight.cginc" 


(2) 在 v2f 结构 体 中 使 用 内 置 宏 SHADOW_COORDS 声明 阴影 坐标 : 


tt 
float4 pos : SV_POSITION; 
float3 worldNormal : TEXCOORDO; 
float3 worldPos : TEXCOORD]1; 
SHADOW COORDS (2) 


}; 
(3) 在 顶点 着 色 器 中 使 用 内 置 宏 TRANSFER_SHADOW 计算 并 向 片 元 着 色 器 传递 阴影 坐标 : 


v2f vert(a2v v) { 
v2f oOo; 


TRANSFER SHADOW (0); 


return o; 


} 


(4) 和 9.4.2 节 中 的 方式 不 同 ， 这 次 我 们 在 片 元 着 色 器 中 使 用 内 置 宏 UNITY_LIGHT_ 
ATTENUATION 来 计算 光照 衰减 和 阴影 : 


fixed4 frag(v2f i) : SV Target { 


// UNITY LIGHT ATTENUATION not only compute attenuation, but also shadow infos 
UNITY LIGHT ATTENUATION (atten, 1 和 二 worldPos)? 


return fixed4(ambient + (diffuse + specular) * atten, 1.0); 


} 


UNITY_LIGHT_ATTENUATION 是 Unity 内 置 的 用 于 计算 光照 衰减 和 阴影 的 宏 ， 我 们 可 以 
在 内 置 的 AutoLight.cginc 里 找到 它 的 相关 声明 。 它 接受 3 个 参数 ， 它 会 将 光照 衰减 和 阴影 值 相 乘 
后 的 结果 存储 到 第 一 个 参数 中 。 注 意 到 ， 我 们 并 没有 在 代码 中 声明 第 一 个 参数 atten， 这 是 因为 
UNITY_LIGHT_ATTENUATION 会 帮 有 我 们 声明 这 个 变量 。 它 的 第 二 个 参数 是 结构 体 v2f， 这 个 
参数 会 传递 给 9.4.2 节 中 使 用 的 SHADOW_ATTENUATION， 用 来 计算 阴影 值 。 而 第 三 个 参数 是 
世界 空间 的 坐标 ， 正 如 我 们 在 9.3 节 中 看 到 的 一 样 ， 这 个 参数 会 用 于 计算 光源 空间 下 的 坐标 ， 再 
对 光照 衰减 纹理 采样 来 得 到 光照 衰减 。 我 们 强烈 建议 读者 查阅 AutoLight.cginc 中 UNITY_LIGHT 
ATTENUATION 的 声明 ， 读 者 可 以 发 现 ，Unity 针对 不 同 光 源 类 型 、 是 否 启用 cookie 等 不 同情 况 

声明 了 多 个 版 本 的 UNITY_LIGHT_ATTENUATION。 这 些 不 同 版 本 的 声明 是 保证 我 们 可 以 通过 
这 样 一 个 简单 的 代码 来 得 到 正确 结果 的 关键 。 

(5) 由 于 使 用 了 UNITY_LIGHT_ATTENUATION，, 我 们 的 Base Pass 和 Additional Pass 的 代 
码 得 以 统 我 们 不 需要 在 Base Pass 里 单独 处 理 阴 影 , 也 不 需要 在 Additional Pass 中 判断 光源 
类 型 来 处 理光 照 衰 减 ,一切 都 只 需要 通过 UNITY_LIGHT_ATTENUATION 来 完成 即 可 。 这 正 是 
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Unity 内 置 文件 的 魅力 所 在 。 如 果 我 们 希望 可 以 在 Additional Pass 中 添加 阴影 效果 ， 就 需要 使 用 
#pragma multi_compile_fwdadd_fullshadows 编译 指令 来 代替 Additional Pass 中 的 #pragma 
multi_compile_fwdadd 指令 。 这 样 一 来 ，Unity 也 会 为 这 些 额外 的 逐 像素 光源 计算 阴影 ， 并 传递 给 
Shader。 


9.4.5 ”透明度 物体 的 阴影 


我 们 从 一 开始 就 强调 ， 想 要 在 Unity 里 让 物体 能 够 向 其 他 物体 投射 阴影 ， 一 定 要 在 它 使 用 的 
Unity Shader 中 提供 一 个 LightMode 为 ShadowCaster 的 Pass。 在 前 面 的 例子 中 ， 我 们 使 用 内 置 
的 VertexLit 中 提供 的 ShadowCaster 来 投射 阴影 。VertexLit 中 的 ShadowCaster 实现 很 简单 ， 它 
会 正常 泻 染 整个 物体 ， 然 后 把 深度 结果 输出 到 一 张 深 度 图 或 阴影 映射 纹理 中 。 读 者 可 以 在 内 置 文 
件 中 找到 相关 的 文件 。 

对 于 大 多 数 不 透 明 物 体 来 说 ， 把 Fallback 设 为 VertexLit 就 可 以 得 到 正确 的 阴影 。 但 对 于 透 
我 们 就 需要 小 心 处 理 它 的 阴影 。 透 明 物 体 的 实现 通常 会 使 用 透明 度 测 试 或 透明 度 混 

， 我 们 需要 小 心 设置 这 些 物体 的 Fallback。 

透明 度 测 试 的 处 理 比 较 简 单 ， 但 如 果 我 们 仍然 直接 使 用 VertexLit、Diffuse、Specular 等 作为 
回调 ， 往 往 无 法 得 到 正确 的 阴影 。 这 是 因为 透明 度 测试 需要 在 片 元 着 色 器 中 舍弃 某 些 片 元 ， 而 
VertexLit 中 的 阴影 投射 纹理 并 没有 进行 这 样 的 操作 。 我 们 在 本 书 资源 的 Scene_9_4_5_a 中 提供 了 
这 样 一 个 测试 场景 。 我 们 使 用 了 之 前 学 习 的 透明 度 测试 + 阴影 的 方法 来 泻 染 一 个 正方 体 ， 它 使 
的 材质 和 Unity Shader 分 别 是 AlpfiaTestWithShadowMat 和 Chapter9-AlphaTestWithShadow。 
Chapter9-AlphaTestWithShadgw 使 用 了 和 8.3 节 透 明度 测试 中 几乎 完全 相同 的 代码 , 只 是 添加 了 关 
于 阴影 的 计算 。 

(1) 首先 包含 进 需要 的 头 文件 : 


#include "Lighting.cgincn" 
#include "AutoLight .cgincn 


(2) 在 v2f 中 使 用 内 置 宏 SHADOW_COORDS 声明 阴影 纹理 坐标 : 


struct v2f { 
float4 pos : SV_POSITION; 
float3 worldNormal : TEXCOORDO; 
float3 worldPos : TEXCOORD1; 
float2 Vv: ‘TEXCOORD2; 
SHADOW COORDS (3) 


局 


Ma 


注意 到 ， 由 于 我 们 已 经 占用 了 3 个 插值 寄存 器 (使 用 TEXCOORD0、TEXCOORD1 和 
TEXCOORD2 修饰 的 变量 )， 因 此 SHADOW_COORDS 中 传 入 的 参数 是 3， 这 意味 着 ， 阴 影 纹理 
坐标 将 占用 第 四 个 插值 寄存 器 TEXCOORD3。 

(3) 然后 ， 在 顶点 着 色 器 中 使 用 内 置 宏 TRANSFER_SHADOW 计算 阴影 纹理 坐标 后 传递 给 
片 元 着 色 器 : 


v2f vert(a2v v) { 
v2f o; 


// Pass shadow coordinates to pixel shade 
TRANSFER SHADOW (0); 


return o; 


} 


(4) 在 片 元 着 色 器 


， 使 用 内 置 宏 UNITY_LIGHT_ATTENUATION 计算 阴影 和 光照 衰减 : 
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fixed4 


frag(v2f i) : SV Target { 


// UNITY LIGHT ATTENUATION not only compute attenuation, but also shadow infos 
UNITY LIGHT ATTENUATION (atten, i, i.worldPos); 


return fixed4 (ambient + diffuse * atten, 


} 


(5) 这 次 ， 我 们 更 改 它 的 Fallback， 使 


| Fallback "VertexLit" 


我 们 仍然 使 用 transparent_texture.psd 纹理 


] VertexLit 作为 它 的 回 j 


L072 


FF。 而 这 并 不 是 我 们 想 要 得 到 的 ， 我 们 希望 


的 ， 这 些 区 域 不 应 该 有 阴影 。 


的 效 呈 

纪 
正方 体 一 相 
ShadowCa 


周 Shader: 


E， 把 它 赋 给 新 的 材质 后 ， 就 可 以 得 到 类 似 图 9.24 中 


心 的 读者 可 以 发 现 ， 链 空 区 域 出 现 了 不 正常 的 阴影 ， 看 起 来 就 像 这 个 正方 体 是 一 个 普通 的 


+ 


出 现 这 样 的 情况 是 


ster 来 投射 


个 物体 的 深度 信息 泻 染 到 深度 图 和 阴影 映射 纹理 中 。 
的 阴影 效果 ， 就 需要 提供 一 个 有 透明 度 测试 功能 的 ShadowCaster Pass。 当 然 ， 我 们 可 以 自行 编 


有 些 光 应 该 是 可 以 通过 这 些 铂 空 区 域 透 过 


来 


丸 此 ， 如 果 我 们 想 


阴影 效果 ， 我 们 只 需要 在 Unity Shader : 


为 ， 我 们 使 用 的 是 内 置 的 VertexLit 中 提供 的 
阴影 ， 而 这 个 Pass 中 并 没有 进行 任何 透明 度 测 试 的 计算 ， 因 此 ， 
要 得 到 经 过 透明 度 测试 后 


它 会 把 整 


更 改 一 行 


写 一 个 这 样 的 Pass， 但 这 里 我 们 仍然 选择 使 用 内 置 的 Unity Shader 来 减少 代码 量 。 
为 了 让 使 用 透明 度 测试 的 物体 得 到 正确 的 
代码 ， 即 把 Fallback 设置 为 TransparentCutoutVertexLit， 了 


大 


Transparent/Cutout/VertexLit : 


此 会 把 裁剪 后 的 物体 深度 信息 写 入 深度 


计算 透明 度 测 试 时 ， 


试 ， 因 此 ， 


明 影 结 


在 更 改 了 Fallback 后 ， 我 们 可 以 得 到 图 


使 用 


E 如 我 们 在 8.3 节 
者 可 以 在 内 置 文件 中 找到 该 Unity Shader 的 代码 ， 它 的 ShadowCaster Pass 也 计算 了 透明 度 测 
图 和 阴影 映射 纹理 中 。 但 需要 注意 的 是 ， 
了 名 为 _Cutoff 的 


实现 的 一 样 。 读 
试 ， 


1 于 
属性 来 进行 透明 度 测 


这 要 求 我 们 的 Shader 中 也 必须 提供 名 为 _Cutoff 的 属性 。 否 则 ， 


9.25: 


司 样 无 法 得 到 正确 的 


4 图 9.24 可 以 投射 阴影 的 使 用 透明 度 测 试 的 物体 4 图 9.25 正确 设置 了 Fallback 的 使 
得 是 ， 这 样 的 结果 仍然 有 一 些 问 题 ， 例 如 出 现 了 一 些 不 应 该 透 过 光 的 部 分 。 
原因 是 ， 默 认 情 况 下 把 物体 泻 染 到 深度 图 和 阴影 映射 纹 班 
方 体 来 说 , 由 于 一 些 面 完 全 背 对 光源 , 因此 这 些 面 的 深度 信息 没有 加 入 到 阴影 映射 
为 了 得 到 正确 的 结果 ,我 们 可 以 将 正方 体 的 Mesh Renderer 组 件 中 的 Cast Shadows 
Sided， 强 制 Unity 在 计算 阴影 映射 纹理 时 计算 所 有 于 


染 结果 。 


中 仅 考虑 物体 的 正面 。 但 对 于 本 例 的 正 


透明 度 测试 的 物体 
出 现 这 种 情况 的 


纹理 的 计算 中 。 
属性 设置 为 Two 


的 深度 信息 。 图 9.26 给 出 了 正确 设置 后 的 演 
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Leng poses 加 
Anchor Override ‘None (Transform) 


4 图 9.26 ”正确 设置 了 Cast Shadow 属性 的 使 用 透明 度 测 试 的 物体 


与 透明 度 测试 的 物体 相 比 ， 想 要 为 使 用 透明 度 混合 的 物体 添加 阴影 是 一 件 比 较 复杂 的 事情 。 事实 
上 ， 所 有 内 置 的 透明 度 混合 的 Unity Shader， 如 Transparent/VertexLit 等 ， 都 没有 包含 阴影 投射 的 Pass。 
这 意味 着 ， 这 些 半 透明 物体 不 会 参与 深度 图 和 阴影 映射 纹理 的 计算 ， 也 就 是 说 ， 它 们 不 会 向 其 他 物体 
投射 阴影 ， 同 样 它 们 也 不 会 接收 来 自 其 他 物体 的 阴影 。 我 们 在 本 书 资源 的 Scene_9_4_5_b 中 提供 了 这 
样 一 个 测试 场景 。 我 们 使 用 了 之 前 学 习 的 透明 度 混合 + 阴影 的 方法 来 演 染 一 个 正方 体 ， 它 使 用 的 材 
质 和 Unity Shader 分 别 是 AlphaBlendWithShadowMat 和 Chapter9-AlphaBlend WithShadow 。 
Chapter9-AlphaBlendWithShadow 使 用 了 和 8.4 节 透 明度 混合 中 几乎 完全 相同 的 代码 ,只 是 添加 了 关于 
阴影 的 计算 ， 并 且 它 的 Fallback 是 内 置 的 :Transparent/VertexLit。 图 9.27 显示 了 演 染 结果 。 

Unity 会 这 样 处 理 半 透明 物体 是 有 它 的 原因 的 。 由 于 透明 度 混 合 需要 关闭 深度 写 入 ， 由 此 带 
来 的 问题 也 影响 了 阴影 的 生成 总 体 来 说 ， 要 想 为 这 些 半 透 明 物 体 产 生 正确 的 阴影 ， 需 要 在 每 个 
光源 空间 下 仍然 严格 按照 从 后 往 前 的 顺序 进行 渲染 ， 这 会 让 阴影 处 理 变 得 非常 复杂 ， 而 且 也 会 影 
响 性 能 。 因 此 ， 在 Unity 中 ， 所 有 内 置 的 半 透 明 Shader 是 不 会 产生 任何 阴影 效果 的 。 当 然 ， 我 们 
可 以 使 用 一 些 dirty trick 来 强制 为 半 透 明 物 体 生 成 阴影 ， 这 可 以 通过 把 它们 的 Fallback 设置 为 
VertexLit、Diffuse 这 些 不 透明 物体 使 用 的 Unity Shader， 这 样 Unity 就 会 在 它 的 Fallback 找到 一 个 
阴影 投射 的 Pass。 然 后 ， 我 们 可 以 通过 物体 的 Mesh Renderer 组 件 上 的 Cast Shadows 和 Receive 
Shadows 选项 来 控制 是 否 需要 向 其 他 物体 投射 或 接收 阴影 。 图 9.28 显示 了 把 Fallback 设 为 VertexLit 
并 开启 阴影 投射 和 接收 阴影 后 的 半 透 明 物体 的 泻 染 效果 。 


€ Came Rs | € Came ss 
Feee Aspect > Maximize on Hay | Meme audlo | Stass | Ciames | Ps Mbers 


4 图 9.27 ”把 使 用 了 透明 度 混合 的 Unity Shader 的 Fallback A 图 9.28 把 Fallback 设 为 VertexLit 来 
设置 为 内 置 的 TransparentNWertexLit。 半 透明 物体 不 会 向 强制 为 半 透 明 物体 生成 阴影 
~ 方 的 平面 投射 阴影 ， 也 不 会 接收 来 自 右 侧 平面 的 阴影 ， 


它 看 起 来 就 像 是 完全 透明 一 样 


208 


可 以 看 出 ， 此 时 右 侧 平面 的 阴影 投射 到 了 半 透 明 的 立方 体 上 ， 但 它 不 会 再 穿 透 立 方 体 把 阴 
影 投 射 到 下 方 的 平面 上 ， 这 其 实 是 不 正确 的 。 同时， 立方 体 也 可 以 把 自 喘 的 阴影 投射 到 下 面 的 
平面 上 。 


Ea 本 书 使 用 的 标准 Unity Shader 


到 了 实现 诺言 的 时 候 了 ! 我 们 在 之 前 的 实现 中 一 直 强 调 ， 这 些 代码 仅仅 是 为 了 阐述 Unity 中 
的 各 种 光照 实现 原理 ， 由 于 缺少 一 些 光照 计算 ， 因 此 不 可 以 直接 使 用 到 项 目 中 。 截 止 到 本 节 ， 我 
们 已 经 学 习 了 Unity 中 所 有 的 基础 光照 计算 ， 如 多 光源 、 阴 影 和 光照 衰减 等 。 现 在 是 时 候 把 它们 
整合 到 一 起 来 实现 一 个 标准 光照 着 色 器 了 ! 我 们 在 本 书 资源 的 Assets/ Shaders/Common 文件 夹 下 
提供 了 两 个 这 样 标准 的 Unity Shader 一 一 BumpedDiffuse 和 BumpedSpecular。 这 两 个 Unity Shader 
都 包含 了 对 法 线 纹理 、 多 光源 、 光 照 衰减 和 阴影 的 相关 处 理 ， 唯 一 不 同 的 是 ，BumpedDiffuse 使 
用 了 Phong 光照 模型 ， 而 BumpedSpecular 使 用 了 Blinn-Phong 光照 模型 。 读 者 可 以 打开 这 两 个 文 
件 ， 此 时 可 以 发 现 里 面 的 代码 都 是 我 们 学 习 过 的 。 我 们 使 用 这 两 个 Unity Shader 创建 了 多 个 材质 
(在 Assets/Material/Objects 和 Assets/Material/Walls 文件 夹 下 ), 这 些 材质 将 被 用 于 后 面 章节 的 场景 
搭建 中 。 读 者 可 以 参考 这 两 个 Unity Shader 来 实现 透明 版 本 的 Unity Shader。 
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第 10 苹 高 级 纹理 


我 们 在 第 7 章 学 习 了 关于 基础 纹理 的 内 容 , 这 些 纹理 包括 法 线 纹理 、 渐 变 纹理 和 遮 暑 纹理 等 。 
这 些 纹理 尽管 用 处 不 同 ， 但 它们 都 属于 低 维 (一 维 或 二 维 ) 纹理 。 在 本 章 中 ， 我 们 将 学 习 一 些 更 
复杂 的 纹理 。 在 10.1 节 中 ， 我 们 会 学 习 如 何 使 用 立方 体 纹理 〈Cubemap ) 实现 环境 映射 。 然 后 ， 
我 们 会 在 10.2 节 介 绍 一 类 特殊 的 纹理 演 染 纹理 (Render Texture )， 我 们 会 发 现 演 染 纹 理 是 多 
么 的 强大 。 最 后 ，10.3 节 将 介绍 程序 纹理 (Procedure Texture )。 


eo 立方 体 纹理 


到 形 学 中 ， 立 方 体 纹理 〈Cubemap ) 是 环境 映射 (Environment Mapping) 的 一 种 实现 方 
法 。 人 映射 可 以 模拟 物体 周围 的 环境 ， 而 使 用 了 环境 映射 的 物体 可 以 看 起 来 像 镀 了 层 金 属 一 样 
反射 出 周围 的 环境 。 

和 之 前 见 到 的 纹理 不 同 / 立方 体 纹理 一 共 包 含 了 6 张 图 像 ， 这 些 图 像 对 应 了 一 个 立方 体 的 6 
个 面 ， 立 方 体 纹 理 的 名 称 也 由 此 而 来 2 祥 方 体 的 每 个 面 表示 沿 着 世界 空间 下 的 轴 向 上、 下 、 左 、 
右 、 前 、 后 ) 观察 所 得 的 图 像 。 那 么 我 们 如 何 对 这 样 一 种 纹理 进行 采样 呢 ? 和 之 前 使 用 二 维 纹 
| 对 立方 体 纹理 采样 我 们 需要 提供 一 个 三 维 的 纹理 
坐标 ， 这 个 三 维 纹理 坐标 表示 了 我 们 在 世界 空间 下 的 一 个 3D 
方向 。 这 个 方向 矢量 从 立方 体 的 中 心 出 发 ， 当 它 向 外 部 延伸 时 
就 会 和 立方 体 的 6 个 纹理 之 一 发 生 相 交 ，, 而 采样 得 到 的 结果 就 
是 由 该 交点 计算 而 来 的 。 图 10.1 给 出 了 使 用 方向 矢量 对 立方 
体 纹理 采样 的 过 程 。 

使 用 立方 体 纹理 的 好 处 在 于 , 它 的 实现 简单 快速 , 而 且 得 
到 的 效果 也 比较 好 。 但 它 也 有 一 些 缺 点 , 例如 当场 景 中 引入 了 4 图 10.1 ”对 立方 体 纹理 的 采样 
新 的 物体 、 光 源 , 或 者 物体 发 生 移 动 时 , 我 们 就 需要 重新 生成 
立方 体 纹理 。 除 此 之 外 ， 立 方 体 纹理 也 仅 可 以 反射 环境 ， 但 不 能 反射 使 用 了 该 立方 体 纹理 的 物体 
本 身 。 这 是 因为 ， 立 方 体 纹理 不 能 模拟 多 次 反射 的 结果 ， 例 如 两 个 金属 球 互相 反射 的 情况 (事实 
上 ，Unity 5 引入 的 全 局 光照 系统 允许 实现 这 样 的 自 反 射 效果 ， 详 见 第 19 章 )。 由 于 这 样 的 原因 ， 
想 要 得 到 令 人 信服 的 泻 染 结果 ， 我 们 应 该 尽量 对 凸 面体 而 不 要 对 四 面体 使 用 立方 体 纹理 〈 因 为 凹 
下 体会 反射 自身 )。 

立方 体 纹理 在 实时 泻 染 中 有 很 多 应 用 ， 最 常见 的 是 用 于 天 空 盒子 〈Skybox) 以 及 环境 映射 。 


10.1.1 空 盒 


天 空 盒子 (Skybox) 是 游戏 中 用 于 模拟 背景 的 一 种 方法 。 天 空 盒子 这 个 名 字 包 含 了 两 个 信息 : 
] 来 模拟 天 空 的 (尽管 现在 我 们 仍 可 以 用 它 模 拟 室内 等 背景 ), 它 是 一 个 盒子 。 当 我 们 在 场景 
1 了 天 空 盒子 时 ， 整 个 场景 就 被 包围 在 一 个 立方 体内 。 这 个 立方 体 的 每 个 面 使 用 的 技术 就 是 


oe 


TH 


日 
碟 


使 


了 刁 [ 叶 


映射 技术 。 
在 Unity 中 ， 想 要 使 用 天 空 盒子 非常 简 和 
场景 的 相关 设置 即 可 。 


我 们 首先 来 看 如 何 创 建 一 个 Skybox 材质 。 


(1) 


Skybox/6 Sided， 该 材质 需要 6 张 纹理 。 tack La) (HON 
(3) 使 用 本 书 资源 中 的 Assets/Textures/Chapter10/Cubemaps 文件 夹 

下 的 6 张 纹理 对 第 2 步 中 的 材质 赋值 ,注意 这 6 张 纹 理 的 正确 位 置 (如 

posz 纹理 对 应 了 Front [+Z] 属性 )。 为 了 让 天 空 盒子 正常 泻 染 ， 我 们 需 Note ad ON 

要 把 这 6 张 纹理 的 Wrap Mode 设置 为 Clamp， 以 防止 在 接 颖 处 出 现 不 

匹配 的 现象 。 2 
上 述 步骤 得 到 的 材质 如 图 10.2 所 示 。 Dam wm 
上 面 的 材质 中 ， 除 了 6 张 纹理 属性 外 还 有 3 个 属性 : Tint Color， 


了 Rotation 


新 建 一 个 材质 ， 在 本 


和 


下 


项 ， 如 图 10.3 所 示 。 


为 了 让 摄像 机 正常 显示 天 空 盒子 ， 我 们 还 需要 保 说 


资源 中 该 材质 名 为 SkyboxMat。 
(2) 在 SkyboxMat 的 Unity Shader 下 拉 菜 单 中 选择 Unity 自 带 的 


而 ， 我 们 来 看 一 下 如 何 为 场景 添加 Skybox。 
(1) 新 建 一 个 场景 ， 在 本 
(2) 在 Window 一 Lighting 菜单 ， 


Clear Flags 被 设置 为 Skybox。 这 样 ， 我 们 得 到 的 场景 如 图 


ET | 
回 | 

[ee oo < 
一 


和 “Environment Lighting 


Skybox [oe 
Sun None (Light) [o 
Ambient Source Skybox $4] 
AmbientIntensity ”01 
Ambient GI Realtime $) 
Reflection Source Skybox 站 | 
Resolution 128 站 | 


Reflection Intensity 一 OO 1 
Reflection Bounces Or 1 
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需要 说 明 的 是 , 在 Window 一 Lighting 一 Skybox 中 设置 
有 摄像 机 。 如 果 我 们 希望 某 些 摄像 机 可 以 使 用 不 同 的 天 空 盒子 ， 


10.3 为 景 使 


定义 的 天 空 盒子 


于 控制 该 材质 的 整体 颜色 ; Exposure， 用 于 调整 天 空 盒子 的 亮度 ; 
用 于 调整 天 空 盒子 沿 +y 轴 方 向 的 旋转 角度 。 


资源 中 该 场景 名 为 Scene _10_1 1。 
， 把 SkyboxMat 赋 给 Skybox 选 


f。 我 们 只 需要 创建 一 个 Skybox 材质 ， 再 把 它 赋 给 该 


是 SkyboxMat 如 
Shader [Skyboxl6 sided mm 
Tint Color —_ 2 

Exposure OO—— |1 
CE 0 | 


Rotation 
Front [+2] (HDR) 


全 | 冬 | 


10.2 ”天 空 盒子 材质 


FE 泻 染 场 景 的 摄像 机 的 Camera 组 件 中 的 


10.4 所 示 。 


A 图 | 


10.4 使 


了 天 空 盒子 的 场景 


的 天 空 盒子 会 应 用 于 该 场景 中 的 所 


可 以 通过 向 该 摄像 机 添加 Skybox 


组 件 来 覆盖 掉 之 前 的 设置 。 也 就 是 说 ， 我 们 可 以 在 摄像 机 上 单 击 Component 一 Rendering 一 


Skybox 来 完成 对 场景 默认 天 空 盒子 的 覆盖 。 
在 Unity 中 ， 天 空 盒子 是 在 所 有 不 透明 物体 之 后 泻 染 的 ， 而 其 
或 一 个 细 分 后 的 球体 。 


背后 使 用 的 网 格 是 一 个 立方 体 
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10.1.2 创建 用 于 环境 映射 的 立方 体 纹理 


除了 天 空 盒子 ， 立 方 体 纹理 最 常见 的 用 处 是 用 于 环境 映射 。 通 过 这 种 方法 ， 我 们 可 以 模拟 出 

金属 质感 的 材质 。 
在 Unity 5 中 ， 创 建 用 于 环境 映射 的 立方 体 纹理 的 方法 有 三 种 : 第 一 种 方法 是 直接 由 一 些 特 
殊 布 局 的 纹理 创建 ; 第 二 种 方法 是 手动 创建 一 个 Cubemap 资源 ， 再 把 6 张 图 赋 给 它 ; 第 三 种 方法 
是 由 脚本 生成 。 
如 果 使 用 第 一 种 方法 ， 我 们 需要 提供 一 张 具 有 特殊 布局 的 纹理 ， 例 如 类 似 立 方 体 展开 图 的 交 
叉 布 局 、 全 景 布局 等 。 然 后 ， 我 们 只 需要 把 该 纹理 的 Texture Type 设置 为 Cubemap 即 可 ，Unity 
会 为 我 们 做 好 剩 下 的 事情 。 在 基于 物理 的 演 染 中 ， 我 们 通常 会 使 用 一 张 HDR 图 像 来 生成 高 质量 
的 Cubemap( 详 见 第 18 章 )。 读 者 可 在 官方 文档 (http://docs.unity3d.com/Manual/class-Cubemap.html) 
中 找到 更 多 的 资料 。 
第 二 种 方法 是 Unity 5 之 前 的 版 本 中 使 用 的 方法 。 我 们 首先 需要 在 项 目 资源 中 创建 一 个 
Cubemap， 然 后 把 6 张 纹理 拖 电 到 它 的 面板 中 。 在 Unity 5 中 ， 官 方 推荐 使 用 第 一 种 方法 创建 立方 
体 纹理 , 这 是 因为 第 一 种 方法 可 以 对 纹理 数据 进行 压缩 , 而 且 可 以 支持 边缘 修正 、 光 滑 反 射 (glossy 
reflection) 和 HDR 等 功能 
前 面 两 种 方法 都 需 要 我 门 提前 准备 好 立方 体 纹理 的 图 像 ， 它 们 得 到 的 立方 体 纹理 往往 是 被 场 
景 中 的 物体 所 共用 的 。 但 在 理想 情况 下 ， 我 们 希望 根据 物体 在 场景 中 位 置 的 不 同 ， 生 成 它们 各 自 
不 同 的 立方 体 纹 理 。 这 时 ， 我 们 就 可 以 在 Unity 中 使 用 脚本 来 创建 。 这 是 通过 利用 Unity 提供 的 
Camera.RenderToCubemap/ 函 数 来 实现 的 。Camera.RenderToCubemap 函数 可 以 把 从 任意 位 置 观 
察 到 的 场景 图 像 存 储 到 6 张 图 像 中 ， 众 而 创建 出 该 位 置 上 对 应 的 立方 体 纹理 。 
在 Unity 的 脚本 手册 (http://docsiunity3d.com/ScriptReference/Camera.RenderToCubemap.html) 
中 给 出 了 如 何 使 用 Camera.RenderToCubemap 函数 来 创建 立方 体 纹理 的 代码 。 读 者 也 可 以 在 本 书 
资源 的 Assets/Editor/Chapter10/RenderCubemapWizard.cs 中 找到 相关 代码 。 其 中 关键 代码 如 下 : 


void OnWizardCreate () { 
// create temporary camera for rendering 
GameObject go = new GameObject( "CubemapCamera"™); 
go.AddComponent<Camera> (); 
// place it on the object 
go.transform.position = renderFromPosition.position; 
// render into cubemap 
go.GetComponent<Camera>() .RenderToCubemap (cubemap); 


// destroy temporary camera 
DestroyImmediate( go ); 


} 


在 上 面 的 代码 中 ， 我 们 在 renderFromPosition〈 由 用 户 指定 ) 位 置 处 动态 创建 一 个 摄像 机 ， 并 
调用 Camera.RenderToCubemap 函数 把 从 当前 位 置 观察 到 的 图 像 演 染 到 用 户 指定 的 立方 体 纹理 
cubemap 中 ， 完 成 后 再 销毁 临时 摄像 机 。 由 于 该 代码 需要 添加 菜单 栏 条 目 ， 因 此 我 们 需要 把 它 放 
在 Editor 文件 夹 下 才能 正确 执行 

当 准 备 好 上 述 代码 后 ， 要 创建 一 个 Cubemap 非常 简单 。 

(1) 我 们 使 用 和 10.1.1 节 中 相同 的 场景 ， 并 创建 一 个 空 的 GameObject 对 象 。 我 们 会 使 用 该 
GameObject 的 位 置信 息 来 泻 染 立方 体 纹理 。 

(2) 新 建 一 个 用 于 存储 的 立方 体 纹理 (在 Project 视图 下 单 击 右键 , 选择 Create 一 Legacy 一 
Cubemap 来 创建 )。 在 本 书 资源 中 ， 该 立方 体 纹 理 名 为 Cubemap_0。 为 了 让 脚本 可 以 顺利 将 图 像 
演 染 到 该 立方 体 纹理 中 ， 我 们 需要 在 它 的 面板 中 勾 选 Readable 选项 。 


全 


性 
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(3) 从 Unity 菜单 栏 选择 GameObject -> Render into Cubemap ， 打 开 我 


演 染 立方 体 纹理 的 窗口 ， 并 把 第 1 步 : 


电 到 窗口 中 的 Render From Position 和 


创建 的 GameObject 
Cubemap 选项 ， 如 


门 在 脚本 中 实现 的 用 
和 第 2 步 中 创建 的 Cubemap_0 分 别 拖 
图 10.5 所 示 。 


(4) 单 击 窗 口中 的 Render! 按 钮 ， 就 可 以 把 从 该 位 置 观察 到 的 世界 空间 下 的 6 张 图 像 泻 染 到 


Cubemap_0 中 ， 如 图 10.6 所 示 。 


GameObject 


a 
Directional Light 


Render cubemap 


(ERenderCubemapWizard © 
人 CameObject (Transforn| © 
Lo] 


局 Cubemap-0 


脚本 创建 立方 体 纹理 和 


A 图 


10.5 使 


需要 注意 的 是 ， 我 们 需要 为 Cubemap 设置 大 小 ， 即 图 


越 大 ， 泻 染 出 来 的 立方 体 纹理 分 辨 率 越 大 ， 效 果 可 能 更 好 ， 


面板 最 下 方 显示 的 内 存 大 小 得 到 。 


准备 好 了 需要 的 立方 体 纹理 后 ， 我 们 就 可 以 对 物体 使 月 


应 用 就 是 反射 和 折射 。 
10.1.3 反射 
使 用 


为 此 ， 我 们 需要 做 如 下 准备 工作 。 


了 反射 效果 的 物体 通常 看 起 来 就 像 镀 了 
通过 入 射 光线 的 方向 和 表面 法 线 方向 来 计算 反射 方向 ， 再 利 ) 
在 学 习 完 本 节 后 ， 我 们 可 以 得 到 类 似 图 10.7 : 


刁 全 局 
刁 金 属 9° 


的 效果 。 


在 本 书 资源 中 ， 该 场景 名 


为 Scene_10_1_3。 我 们 


换 掉 Unity 5 


天 空 盒子 ， 而 把 10.1.1 节 中 创建 的 天 空 盒子 材质 拖 
电 到 Window 一 Lighting 一 Skybox 选项 中 (当然 ， 
我 们 也 可 以 为 摄像 机 添加 Skybox 组 件 来 覆盖 默认 的 


天 空 盒子 )。 


(2) 向 场景 中 拖 电 一 个 Teapot 模型 ， 并 调整 它 
的 位 置 和 10.1.2 节 中 创建 Cubemap_0 时 使 


GameObject 的 位 置 相同 。 


场景 默认 的 


用 的 空 


(3) 新 建 一 个 材质 ， 在 本 书 资 源 中 ， 该 材质 名 


为 ReflectionMat， 把 材质 赋 给 第 2 步 : 


(4) 新 建 一 个 Unity Shader， 在 


创建 的 Teapot 模型 。 
本 书 资源 中 ， 该 S 


上 环境 映射 技术 。 而 环境 映射 最 


脚本 泻 染 立方 体 纹理 


10.6 使 


及 | 


10.6 中 的 Face size 选项 。Face size 值 
但 需要 占用 的 内 存 也 越 大 ， 这 可 以 由 


常见 的 


想 要 模拟 反射 效果 很 简单 ， 我 们 只 需要 


j 反 射 方向 对 立方 体 纹理 采样 即 可 。 


10.7 使 


射 效 果 的 Teapot 模型 


[uN 


hader 名 为 Chapter10-Reflection。 把 
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Chapter10-Reflection 赋 给 第 3 步 中 创建 的 材质 。 


反射 的 实现 非常 简单 。 打 开 Chapter10-Reflection， 删 除 原 有 的 代码 ， 进 行 如 下 关键 修改 。 
(1) 首先 ， 我 们 声明 了 3 个 新 的 属性 : 


Properties { 
“Color. ‘(Color -Tint"s. Qolor) = (L717 Tr .1) 
_ReflectColor ("Reflection Color", Color) = (1, 1, 1, 1) 
_ReflectAmount ("Reflect Amount", Range(0, 1)) = 1 
_Cubemap ("Reflection Cubemap", Cube) = " Skybox" {} 


其 中 ，_ReflectColor 用 于 控制 反射 颜色 ，_ReflectAmount 用 于 控制 这 个 材质 的 反射 程度 ， 而 
_Cubemap 就 是 用 于 模拟 反射 的 环境 映射 纹理 。 

(2) 我 们 在 顶点 着 色 器 中 计算 了 该 顶点 处 的 反射 方向 ， 这 是 通过 使 用 CG 的 reflect 函数 来 实 
现 的 : 


v2f vert(a2v V) { 
v2f o; 


o.pos = mul (UNITY MATRIX MVP, Vv.vertex); 
oOo.worldNormal = UnityObjectToWorldNormal (v.normal); 
Oo.worldPos = mul( Object2World, v.vertex) .xyz; 
oO.worldViewDir = UnityWorldSpaceViewDir(o.worldPos); 


// Compute the reflect dir in ‘world space 
oO.worldRefl = reflect (-o.wOrldViewDir, o.worldNormal); 


TRANSFER SHADOW (oO) 


return o; 


物体 反射 到 摄像 机 中 的 光线 方向 ， 可 以 由 光路 可 逆 的 原则 来 反 向 求 得 。 也 就 是 说 ， 我 们 可 以 
计算 视角 方向 关于 顶点 法 线 的 反射 方向 来 求 得 入 射 光 线 的 方向 。 
(3) 在 片 元 着 色 器 中 ， 利 用 反射 方向 来 对 立方 体 纹理 采样 ; 


fixed4 frag(v2f i) : SV _ Target { 
fixed3 worldNormal = normalize (i.worldNormal); 
fixed3 worldLightDir = normalize (UnityWorldSpaceLightDir(i.worldPos)); 
fixed3 worldViewDir = normalize (i.worldViewDir); 


fixed3 ambient = UNITY LIGHTMODEL AMBIENT.xy2z; 


fixed3 diffuse = LightColor0.rgb * Color.rgb * max(0, dot(worldNormal, 
worldLightDir)); 


// Use the reflect dir in world space to access the cubemap 
fixed3 reflection = texCUBE( Cubemap, i.worldRefl) .rgb * ReflectColor.rgb; 


UNITY LIGHT ATTENUATION (atten, i, i.worldPos); 


// Mix the diffuse color with the reflected color 
fixed3 color = ambient + lerpl(ldiffuse, reflection, ReflectAmount) * atten; 


return fixed4 (color, 1.0); 


对 立方 体 纹 理 的 采样 需要 使 用 CG 的 texCUBE 函数 。 注意 到 ,在 上 面 的 计算 中 ,我 们 在 采样 
时 并 没有 对 i.worldRefl 进行 归 一 化 操作 。 这 是 因为 ， 用 于 采样 的 参数 仅仅 是 作为 方向 变量 传递 给 
texCUBE 函数 的 ， 因 此 我 们 没有 必要 进行 一 次 归 一 化 的 操作 。 然 后 ， 我 们 使 用 _ReflectAmount 来 


混合 漫 反 射 颜色 和 反射 颜色 ， 并 和 环境 光照 相 加 后 返回 。 


在 上 面 的 计算 中 ， 我 们 选择 在 顶点 着 色 器 中 计算 反射 方向 。 当 然 ， 我 们 也 可 以 选择 在 片 元 着 


色 器 中 计算 ， 这 样 得 到 的 效果 更 加 细腻。 但 是 ， 对 于 绝 大 多 数 人 来 说 这 种 差别 往往 是 可 以 忽略 不 


计 的 ， 因 此 出 于 性 能 方面 的 考虑 ， 我 们 选择 在 顶点 着 色 器 中 计算 反射 方向 。 


保存 后 返回 场景 ， 在 材质 面板 中 把 Cubemap_0 拖 忠 到 Reflection Cubemap 属性 中 ， 并 调整 


10.1.4 折射 


其 他 参数 ， 即 可 得 到 类 似 图 10.7 中 的 效果 。 


我 们 将 学 习 如 何在 Unity Shader 中 模拟 另 一 个 环境 映射 的 常见 应 用 一 一 折射 。 


折射 的 物理 原理 比 反 射 复杂 一 些 。 我 们 在 初中 物理 就 已 经 接触 过 折射 的 定义 : 


介质 (例如 空气 ) 斜 射 入 另 一 种 介质 《例如 玻璃 ) 时 ， 传 播 方向 一 般 会 发 生 改变 。 


时 ， 我 们 可 以 使 用 斯 涅 尔 定律 〈Snell's Law) 来 计算 反射 角 。 当 光 从 介 


当 光 线 从 一 种 
当 给 定 入 射 角 


质 1 沿 着 和 表面 法 线 夹 角 


为 9 的 方向 斜 射 入 介质 2 时 ， 我 们 可 以 使 用 如 下 公式 计算 折射 光线 与 法 线 的 夹 角 多 : 


711SinO=772Sin 乡 


其 中 ，7 和 疡 分 别 是 两 个 介质 的 折射 率 〈index of refraction)。 折 射 率 是 一 项 重要 的 物理 常 
数 ， 例 如 真空 的 折射 率 是 1， 而 玻璃 的 折射 率 一 般 是 1.5。 图 10.8 给 出 了 这 些 变量 之 间 的 关系 。 
通常 来 说 ， 当 得 到 折射 方向 后 我 们 就 会 直接 使 用 它 来 对 立方 体 纹理 进行 采样 ， 


物理 规律 的 。 对 一 


个 透明 物体 来 说 , 一 种 更 准确 的 模拟 方法 需要 计算 两 次 折射 


进入 它 的 内 部 时 ， 
向 是 比较 复杂 的 ， 
之 前 提 到 的 


图 形 学 第 一 准则 “如 果 它 看 起 来 是 对 的 ， 那么 它 就 是 对 的 ” 因此， 


而 且 仪 仅 模 拟 一 次 得 到 的 效果 从 视觉 上 看 起 来 “也 挺 像 那 么 回 事 


我 们 通常 仅 模拟 第 一 次 折射 。 


AI 冬 | 


在 学 习 完 本 节 后 ， 我 们 可 以 得 到 类 似 图 10.9 中 的 效果 。 


法 线 方向 


| 有 


折射 方向 


但 这 是 不 符合 
一 次 是 当 光 线 


而 另 一 次 则 是 从 它 内 部 射出 时 。 但 是 ， 想 要 在 实时 演 染 中 模拟 出 第 二 次 折射 方 


的 ” 正如 我 们 
在 实时 泻 染 中 


10.8 斯 涅 尔 定律 4 图 10.9 使 用 了 折射 效果 的 Teapot 模型 


为 此 ， 我 们 需要 做 如 下 准备 工作 。 
(1) 新 建 一 个 场景 ， 在 本 书 资源 中 ， 该 场景 名 为 Scene_10_1_4。 我 们 替换 掉 Unity 5 中 场景 


默认 的 天 空 盒子 ， 


选项 中 当然， 我 们 也 可 以 为 摄像 机 添加 Skybox 组 件 来 覆盖 默认 的 天 空 盒子 )。 
(2) 向 场景 中 拖 忠 一 个 Teapot 模型 ， 并 调整 它 的 位 置 。 


(3) 新 建 一 个 材质 ， 在 本 书 资源 中 ， 该 材质 名 为 RefractionMat， 把 材质 赋 给 第 


Teapot 模型 。 


而 把 10.1.1 节 中 创建 的 天 空 盒子 材质 拖 上 忠 到 Window 一 Lighting 一 Skybox 


2 步 中 创建 的 
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(4) 新 建 一 个 Unity Shader, 在 本 书 资源 中 , 该 Shader 名 为 Chapter10-Refraction。 把 Chapter10- 


Refraction 赋 给 第 3 步 中 创建 的 材质 。 

折射 效果 的 实现 略微 复杂 一 些 。 打 开 Chapter10-Refraction， 删 除 原 有 的 代码 ， 进 行 如 下 关键 
修改 。 

(1) 首先 ， 我 们 声明 了 4 个 新 属 


Properties { 


性 : 


TCOoOLoOr ("COLOF“TIint"y CoLor) =" (Li, 二 ) 
2ARefractCcolor ("Reftraction-Color™;, COLOr), = (1) Ly, Ly. 4) 
_RefractAmount ("Refraction Amount", Range(0, 1)) = 1 
RefractRatio ("Refraction Ratio", Range (0 . 1 1)) = 0.5 
证 二 


_Cubemap ("Refraction Cubemap", Cube) = " _ Skybox 


其 中 ，RefractColor、RefractAmount 和 _Cubemap 与 10.1.3 节 中 控制 反射 时 使 用 的 属性 类 似 。 
除 此 之 外 ， 我 们 还 使 用 了 一 个 属性 _RefractRatio， 我 们 需要 使 用 该 属性 得 到 不 同 介质 的 透射 比 ， 
以 此 来 计算 折射 方向 。 

(2) 在 顶点 着 色 器 中 ， 计 算 折射 方向 : 


v2f vert(a2v V) { 
V2t "OO. 
ss mul (UNITY MATRIX MVP, Vv.vertex); 


也 


oOo.worldNormal = UnityObjectToWorldNormal (v.normal); 

Oo.worldPos = mul( Object2Worild, Vv.vertex) .XYZ7 

oO.worldViewDir = UnityWorldSpaceViewDir(o.worldPos); 

// Compute the refract ”dir iri world space 

oO.worldRefr = refract'(~normalize (o.worldViewDir), normalize(o.worldNormal), 
_RefractRatio); 


TRANSFER SHADOW (0); 


return o; 


我 们 使 用 了 CG 的 refract 函数 来 计算 折射 方向 。 它 的 第 一 个 参数 即 为 入 射 光 线 的 方向 ， 它 必 
须 是 归 一 化 后 的 矢量 ;第 二 个 参数 是 表面 法 线 ， 法 线 方 向 同样 需要 是 归 一 化 后 的 ， 第 三 个 参数 是 
入 射 光 线 所 在 介质 的 折射 率 和 折射 光线 所 在 介质 的 折射 率 之 间 的 比值 ， 例 如 如 果 光 是 从 空气 射 到 
玻璃 表面 ， 那 么 这 个 参数 应 该 是 空气 的 折射 率 和 玻璃 的 折射 率 之 间 的 比值 ， 即 1/1.5。 它 的 返回 值 
i 是 计算 而 得 的 折射 方向 ， 它 的 模 则 等 于 入 射 光 线 的 模 。 

(3) 然后 ， 我 们 在 片 元 着 色 器 中 使 用 折射 方向 对 立方 体 纹理 进行 采 相 


fixed4 frag(v2f i) : SV _ Target 
fixed3 worldNormal = normalize (i.worldNormal); 
fixed3 worldLightDir = normalize (UnityWorldSpaceLightDir(i.worldPos)); 
fixed3 worldViewDir = normalize (i.worldViewDir); 


Cat 


TF 


r 


fixed3 ambient = UNITY LIGHTMODEL AMBIENT .XYZ7 
fixed3 diffuse = LightColor0.rgb * Color.rgb * max(0, dot (worldNormal, worldLightDir)); 


// Use the refract dir in world space to access the cubemap 
fixed3 refraction = texCUBE( Cubemap, i.worldRefr) .rgb * RefractColor.rgb; 


UNITY LIGHT ATTENUATION (atten, i, i.worldPos); 


// Mix the diffuse color with the refract color 
fixed3 color = ambient + lerpl(ldiffuse, refraction, RefractAmount) * atten; 


return fixed4 (color, 1.0); 


} 
同样 ,我们 也 没有 对 i.worldRefr 进行 归 一 化 操作 ， 因 为 对 立方 体 纹理 的 采样 只 需要 提供 方向 
即 可 。 最 后 ,我 们 使 用 _RefractAmount 来 混合 漫 反 射 颜色 和 折射 颜色 ， 并 和 环境 光照 相 加 后 返 匠 
保存 后 返回 场景 ， 在 材质 面板 中 把 Cubemap_0 拖 电 到 Reflection Cubemap 属性 中 ， 并 调整 
其 他 参数 ， 即 可 得 到 类 似 图 10.9 中 的 效果 。 


10.1.5 菲 涅 耳 反 射 


在 实时 泻 染 中 ,我 们 经 常会 使 用 菲 涅 耳 反 射 (Fresnel reflection ) 来 根据 视角 方向 控制 反射 程 
度 。 通 俗 地 讲 ， 菲 涅 耳 反 射 描述 了 一 种 光学 现象 ， 即 当 光 线 照射 到 物体 表面 上 时 ， 一 部 分 发 生 反 
射 ， 一 部 分 进入 物体 内 部 ， 发 生 折 射 或 散射 。 被 反射 的 光 和 入 射 光 之 间 存 在 一 定 的 比率 关系 ， 这 
个 比率 关系 可 以 通过 菲 涅 耳 等 式 进 行 计算 。 一 个 经 常 使 用 的 例子 是 ， 当 你 站 在 湖 边 ， 直 接 低 头 看 
却 边 的 水 面 时 ， 你 会 发 现 水 几乎 是 透明 的 ， 你 可 以 直接 看 到 水 底 的 小 鱼 和 石子 ;但 是 ， 当 你 抬头 
看 远 处 的 水 面 时 ,会 发 现 几乎 看 不 到 水 下 的 情景 ,而 只 能 看 到 水 面 反 射 的 环境 。 这 就 是 所 谓 的 菲 涅 耳 效 
果 。 事 实 上 ， 不 仅仅 是 水 、 玻 璃 这 样 的 反光 物体 具有 菲 涅 耳 效 果 ， 几 乎 任何 物体 都 或 多 或 少 包含 了 菲 涅 
耳 效果 ， 这 是 基于 物理 的 泻 染 中 非常 重要 的 一 项 高 光 反 射 计算 因子 〈 详 见 第 18 章 )。 读 者 可 以 在 John 
Hable 的 一 篇 非常 有 名 的 文章 Everything Has Fresnel (http://filmicgames.com/archives/557) 中 看 到 现实 生 
活 中 各 种 物体 的 菲 涅 耳 效果 。 
那么 ， 我 们 如 何 计算 菲 涅 耳 反 射 呢 ?” 这 就 需要 使 用 菲 涅 耳 等 式 。 真 实 世 界 的 菲 涅 耳 等 式 是 非 
常 复杂 的 ， 但 在 实时 演 染 中 ， 我 们 通常 会 使 用 一 些 近 似 公 式 来 计算 。 其 中 一 个 著名 的 近似 公式 就 
是 Schlick 菲 涅 耳 近似 等 式 : 


Fmic( Vn)=Fot(1-Fo(l-v . n) 
其 中 ，o 是 一 个 反射 系数 ， 用 于 控制 菲 涅 耳 反 射 的 强度 ，v 是 视角 方向 ， 
一 个 应 用 比较 广泛 的 等 式 是 Empricial 菲 涅 耳 近 似 等 式 : 
Fempricia(V,n)=max(0,min(l,biastscale X(l-v: nm”)) 
其 中 ，bias、scale 和 power 是 控制 项 。 
使 用 上 面 的 菲 涅 耳 近 似 等 式 ， 我 们 可 以 在 边界 处 模拟 反射 光 强 和 折射 光 强 / 漫 反 射 光 强 之 间 


n 是 表面 法 线 。 另 


滥 


的 变化 。 在 许多 车 漆 、 水 面 等 材质 的 演 染 中 ， 我 们 会 经 常 使 用 菲 涅 耳 反 射 来 模拟 更 加 真实 的 反 
射 效果 。 

在 本 节 中 ,我 们 将 使 用 Schlick 菲 涅 耳 近 似 等 式 来 模拟 菲 涅 耳 反 射 。 在 本 节 最 后 , 我 们 可 以 得 
到 类 似 图 10.10 中 的 效果 。 注意 图 中 在 模型 边界 处 的 eos ROSE 
反射 现象 。 

为 此 ， 我 们 需要 做 如 下 准备 工作 。 

(1) 新 建 一 个 场景 ， 在 本 书 资 源 中 ， 该 场景 名 


为 Scene_10_1 5。 我们 替换 掉 Unity 5 中 场景 默认 的 


天 空 盒子 ， 而 把 10.1.1 节 中 创建 的 天 空 盒子 材质 拖 5 四 > 
电 到 Window 一 Lighting 一 Skybox 选项 中 (当然 ， 
我 们 也 可 以 为 摄像 机 添加 Skybox 组 件 来 覆盖 默认 的 
天 空 盒子 )。 

(2) 向 场景 中 拖 电 一 个 Teapot 模型 ， 并 调整 它 
的 位 置 。 


p> 
测 | 


10.10 ”使 用 了 菲 涅 耳 反射 的 Teapot 模型 
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(3) 新 建 一 个 材质 ， 在 本 书 资源 中 ， 该 材质 名 为 FresnelMat， 把 材质 赋 给 第 2 步 中 创建 的 


Teapot 模型 。 

(4) 新 建 一 个 Unity Shader， 在 本 书 资源 中 ， 该 Shader 名 为 Chapter10-Fresnel。 把 Chapter10- 
Fresnel 赋 给 第 3 步 中 创建 的 材质 。 

打开 Chapter10-Fresnel， 删 除 原 有 的 代码 ， 进 行 如 下 关键 修改 。 

(1) 首先 ， 我 们 在 Properties 语义 块 中 声明 了 用 于 调整 菲 涅 耳 反 射 的 属性 以 及 反射 使 用 的 
Cubemap : 


Properties { 
“Color (Coleor Tint™ CoLor) = (Lr ly ly ) 
_FresnelScale ("Fresnel Scale", Range(0, 1)) = 0.5 
_Cubemap ("Reflection Cubemap", Cube) = " Skybox" {} 


(2) 在 顶点 着 色 器 中 计算 世界 空间 下 的 法 线 方向 、 视 角 方向 和 反射 方向 : 


V2f vert(a2v v) { 
Vat Oy 
如 OS 二 mul (UNITY MATRIX MVP, Vv.vertex); 


Oo.worldNormal = mull(v.normal, (float3x3) World20bject); 
Oo.worldPos = mul( Object2World, v.vertex) .xyz; 
oO.worldViewDir = UnityWorldSpaceViewDir(o.worldPos); 
oO.worldRefl = reflect (“Oo.worTdViewDir, o.worldNormal); 
TRANSFER SHADOW (0); 


return o; 


(3) 在 片 元 着 色 器 中 计算 菲 涅 耳 反 射 ， 并 使 用 结果 值 混合 漫 反射 光照 和 反射 光照 : 


fixed4 frag(v2f i) : SV _ Target { 
fixed3 worldNormal = normalize (i.worldNormal); 
fixed3 worldLightDir = normalize (UnityWorldSpaceLightDir(i.worldPos)); 
fixed3 worldViewDir = normalize (i.worldViewDir); 


fixed3 ambient = UNITY LIGHTMODEL AMBIENT.xy2z; 


UNITY LIGHT ATTENUATION (atten, i, i.worldPos); 


fixed3 reflection = texCUBE( Cubemap, i.worldRefl) .rgb; 


fixed fresnel = FresnelScale + (1 - FresnelScale) * Pow(1 - dot (worldViewDir, worldNormal), 5); 
fixed3 diffuse = LightColor0.rgb * Color.rgb * max(0, dot (worldNormal, worldLightDir)); 
fixed3 color = ambient + lerp(diffuse, reflection, saturate (fresnel)) * atten; 


return fixed4 (color, 1.0); 


在 上 面 的 代码 中 ， 我 们 使 用 Schlick 菲 涅 耳 近 似 等 式 来 计算 fresnel 变量 ， 并 使 用 它 来 混合 漫 
反射 光照 和 反射 光照 。 一 些 实现 也 会 直接 把 fresnel 和 反射 光照 相 乘 后 登 加 到 漫 反 射 光 照 上 ， 模 拟 
边缘 光照 的 效果 。 
保存 后 返回 场景 ， 在 材质 面板 中 把 Cubemap_0 拖 电 到 Cubemap 属性 中 ， 并 调整 其 他 参数 ， 
即 可 得 到 类 似 图 10.10 中 的 效果 。 当 我 们 把 _FresnelScale 调节 到 1 时 ， 物 体 将 完全 反射 Cubemap 
中 的 图 像 ， 当 _FresnelScale 为 0 时 ， 则 是 一 个 具有 边缘 光照 效果 的 漫 反 射 物体 。 我 们 还 会 在 15.2 


节 中 使 用 菲 涅 耳 反射 来 混合 反射 和 折射 光照 ， 以 此 来 模拟 一 个 简单 的 水 面 效果 。 


站 站 演 染 纹理 


代 的 GPU 允许 我 们 提 


在 之 前 的 学 习 中 ， 一 个 摄像 机 的 演 染 结果 会 输出 到 颜色 缓冲 中 ， 并 显示 到 我 们 的 屏幕 上 。 现 


巴 整 个 三 维 场景 泻 染 到 一 个 中 间 缓 冲 中 ， 即 泻 染 目 标 纹理 (Render Target 


Texture，RTT)， 而 不 是 传统 的 帧 缓冲 或 后 备 缓冲 (back buffer)。 与 之 相关 的 是 多 重演 染 目 标 
(Multiple Render Target，MRT)， 这 种 技术 指 的 是 GPU 


允许 我 们 把 场景 同时 演 染 到 多 个 泻 染 目 


标 纹理 中 ， 而 不 再 需要 为 每 个 泻 染 目标 纹理 单独 泻 染 完整 的 场景 。 延 迟 泻 染 就 是 使 用 多 重演 染 目 


标的 一 个 应 用 。 


像 机 的 泻 染 目标 设置 成 该 泻 染 纹 理 ， 这 样 一 来 该 摄像 机 的 


而 不 会 显示 在 屏幕 上 。 


使 用 这 种 方法 ， 我 们 还 可 以 选择 泻 染 纹理 的 分 辨 率 、 滤 波 模式 等 纹理 


Unity 为 泻 染 目标 纹理 定义 了 一 种 专门 的 纹理 类 型 一 一 泻 染 纹理 (Render Texture)。 在 Unity 
中 使 用 泻 染 纹理 通常 有 两 种 方式 : 一 种 方式 是 在 Project 目录 下 创建 一 个 演 染 纹理 ,然后 把 某 个 摄 


演 染 结果 就 会 实时 更 新 到 泻 染 纹理 中 ， 


盟 性 。 


SS 


另 一 种 方式 是 在 屏幕 后 处 理 时 使 用 GrabPass 命令 或 OnRenderImage 函数 来 获取 当前 屏幕 图 像 ， 


Unity 会 把 这 个 屏幕 图 


像 放 到 一 张 和 屏 幕 分 辨 率 等 同 的 泻 染 纹理 


,下面 我 们 可 以 在 自 定义 的 Pass 


中 把 它们 当成 普通 的 纹理 来 处 理 ， 从 而 实现 各 种 屏幕 特效 。 我 们 将 依次 学 习 这 两 种 方法 在 Unity 
中 的 实现 (OnRenderImage 函数 会 在 第 12 章 中 讲 到 )。 


10.2.1 镜子 效果 


似 图 10.11 中 的 效果 。 


为 此 ， 我 们 需要 做 如 下 准备 工作 。 
(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 
为 Scene_10 2 _1。 在 Unity 5.2 中 ,默认 情况 下 场景 


在 本 节 中 ， 我 们 将 学 习 如 何 使 用 泻 染 纹理 来 模拟 镜子 


€ Game 


| Free Aspect >| Maximize on Play | Mute audio | Stats | Clzmos 


将 包含 一 个 摄像 机 和 


的 天 空 盒 子 。 在 Window 一 Lighting 一 Skybox 


个 平行 光 ， 并 且 使 用 了 内 置 


中 去 掉 场 景 中 的 天 空 盒 
(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 


为 MirrorMat。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资 源 中 ， 


该 Shader 名 为 Chapter10-Mirror。 把 新 的 Shader 赋 
给 第 2 步 中 创建 的 材质 。 
(4) 在 场景 中 创建 6 个 立方 体 ， 并 调整 它们 的 位 置 和 


间 的 6 面 墙 。 给 它们 赋予 在 9.5 节 


个 点 光源 ， 并 调整 它们 的 位 置 ， 使 它们 可 以 照 亮 整个 房间 


效果 。 学 习 完 本 节 后 ， 我 们 可 以 得 到 类 


到 10.11 镜子 效果 


大 小 ， 使 得 它们 构成 围绕 着 摄像 机 的 房 


创建 的 标准 材质 ， 并 让 它们 的 颜色 互 不 相同 。 向 场景 中 添加 3 


o 


(5) 创建 3 个 球体 和 两 个 正方 体 ， 调 整 它们 的 位 置 和 大 小 ， 并 给 它们 赋予 在 9.5 节 中 创建 的 


标准 材质 。 这 些 物 体 将 作为 房间 内 的 饰品 。 


(6) 创建 一 个 四 边 形 〈Quad)， 调 整 它 的 位 置 和 大 小 ， 


质 赋 给 它 


它 将 作为 镜子 。 把 第 2 步 中 创建 的 材 


(7) 在 Project 视图 下 创建 一 个 演 染 纹理 〈 右 键 单 击 Create 一 Render Texture)， 在 本 书 资 源 中 ， 
该 泻 染 纹理 名 为 MirrorTexture。 它 使 用 的 纹理 设置 如 图 10.12 右 图 所 示 。 
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(8) 最 后 ， 为 了 得 到 从 镜子 出 发 观察 到 的 场景 图 像 ， 我 们 还 需要 创建 一 个 摄像 机 ， 并 调整 它 
的 位 置 、 裁 前 平面 、 视 角 等 ， 使 得 它 的 显示 图 像 是 我 们 希望 的 镜子 图 像 。 由 于 这 个 摄像 机 不 需要 


摄像 机 的 Target Texture 上 。 图 10.12 显示 了 摄像 机 面板 和 泻 染 纹 理 的 相关 设置 。 


 ® lM Camera 回 | 加 | @ Inspector 
Clear Flags | Solid Color 


入 
| MirrorTexture 
Background 一 以 
| 
Size 


Culling Mask | Everything $ 


256 

Re epee | Anti-Aliasing 一 一 

ed Coo Color Format [LARCB32 

Clipping Planes Near 7 Depth Buffer 一 一 一 一 一 

Far 100 

Viewport Rect Wrap Mode | camp 
Xi0 | Fiker Mode [auinear 
wiir Te Aniso Level 


Depth (T) RenderTextures with depth must have an Aniso Level of 
Rendering Path [Use Player Settings es 

Target Texture MirrorTexture 

Occlusion Culling Ml 

HDR | 加 | 


到 10.12 左 图 : 把 摄像 机 的 Target Texture 设置 成 自 定义 的 演 染 纹理 。 右 图 : 演 染 纹理 使 用 的 纹理 设 


镜子 实现 的 原理 很 简单 ， 它 使 用 一 个 泻 染 纹理 作为 输入 属性 ， 并 把 该 泻 染 纹理 在 水 平方 向 上 翻转 
后 直接 显示 到 物体 上 即 可 。 打 开 新 建 的 Chapter10-Mirror， 删 除 所 有 已 有 代码 ， 并 进行 如 下 关键 修改 。 
(1) 在 Properties 语义 块 中 声明 一 个 纹理 属性 ， 它 对 应 了 由 镜子 摄像 机 泻 染 得 到 的 泻 染 纹理 ; 


Properties { 
_MainTex ("Main Tex"A 2D) = "white" {} 


} 
(2) 在 顶点 着 色 器 中 计算 纹理 坐标 : 


v2f vert(a2v V) { 
v2f oOo; 
GAOS. = mul (UNITY MATRIX MVP, Vv.vertex); 


O.UV = Vv.texcoord; 
// Mirror needs to filp x 
OUV X= 1 = "0..UV.X? 


return o; 


} 


在 上 面 的 代码 中 ， 我 们 翻转 了 x 分 量 的 纹理 坐标 。 这 是 因为 ， 镜 子 里 显示 的 图 像 都 是 左右 相 
反 的 。 
(3) 在 片 元 着 色 器 中 对 泻 染 纹理 进行 采样 和 输 


fixed4 frag(v2f i) : SV Target { 
return tex2D( MainTex, i.uv); 


} 

保存 后 返回 场景 ， 并 把 我 们 创建 的 MirrorTexture 演 染 纹理 拖 上 忠 到 材质 的 Main Tex 属性 中 ， 
就 可 以 得 到 图 10.11 中 的 效果 。 
在 上 面 的 实现 中 ,我们 把 泻 染 纹理 的 分 辨 率 大 小 设置 为 256X256。 有 了 时， 这样 的 分 辨 紊 会 使 
图 像 模 糊 不 清 ， 此 时 我 们 可 以 使 用 更 高 的 分 辨 紊 或 更 多 的 抗 锯 齿 采 样 等 。 但 需要 注意 的 是 ， 更 高 
的 分 辨 率 会 影响 带宽 和 性 能 ， 我 们 应 当 尽 量 使 用 较 小 的 分 状 率 。 


10.2.2 ”玻璃 效果 
在 Unity 中 , 我 们 还 可 以 在 Unity Shader 中 使 用 一 种 特殊 的 Pass 来 完成 获取 屏幕 图 像 的 目的 ， 


四 四 
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这 就 是 GrabPass。 当 我 们 在 Shader 中 定义 了 一 个 GrabPass 后 ，Unity 会 把 当前 屏幕 的 图 像 绘制 在 
一 张 纹理 中 ， 以 便 我 们 在 后 续 的 Pass 中 访问 它 。 我 们 通常 会 使 用 GrabPass 来 实现 诸如 玻璃 等 透 


明 材 质 的 模拟 ， 与 使 用 简单 的 透明 混合 不 同 ， 使 用 GrabPass 可 以 让 我 们 对 该 物体 后 面 的 图 像 进行 


更 复杂 的 处 理 ， 例 如 使 用 法 线 来 模拟 折射 效果 ， 而 不 再 是 简单 的 和 原 屏幕 颜色 进行 混合 。 


需要 注意 的 是 ， 在 使 用 GrabPass 的 时 候 ， 我们 需要 额外 小 心 物体 的 泻 染 队列 设置 。 正 如 之 前 
所 说 ，GrabPass 通常 用 于 泻 染 透 明 物 体 ， 尽 管 代码 里 并 不 包含 混合 指令 ， 但 我 们 往往 仍然 需要 把 
物体 的 泻 染 队列 设置 成 透明 队列 ( 即 "Queue"="Transparent" )。 这 样 才 可 以 保证 当 演 染 该 物体 时 ， 


所 有 的 不 透明 物体 都 已 经 被 绘制 在 屏幕 上 ， 从 而 获取 正确 的 屏幕 图 像 。 


在 本 节 中 ， 我 们 将 会 使 用 GrabPass 来 模拟 一 个 玻璃 效果 。 在 学 习 完 本 节 后 ,我 们 可 以 得 到 类 


似 图 10.13 中 的 效果 。 这 种 效果 的 实现 非常 简单 ， 我 们 首先 使 用 一 张 法 线 纹理 来 修改 模型 的 法 线 
信息 ， 然 后 使 用 了 10.1 节 介 绍 的 反射 方法 ， 通 过 一 个 Cubemap 来 模拟 玻璃 的 反射 ， 而 在 模拟 折 
射 时 ， 则 使 用 了 GrabPass 获取 玻璃 后 面 的 屏幕 图 像 ， 并 使 用 切线 空间 下 的 法 线 对 屏幕 纹理 坐标 偏 


移 后 ， 再 对 屏幕 图 像 进行 采样 来 模拟 近似 的 折射 效果 。 
为 此 ， 我 们 需要 做 如 下 准备 工作 。 


(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_10_2_2。 在 Unity 5.2 中 ， 默 认 情 况 下 
场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 Window 一 Lighting 一 


Skybox 中 去 掉 场景 中 的 天 空 盒 
(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 GlassRefractionMtat 。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter10-GlassRefraction。 把 新 


的 Unity Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 构建 一 个 测试 玻璃 效果 的 场景 。 在 本 书 资源 的 实现 中 ， 我 们 构建 了 一 个 由 6 面 墙 围 成 的 


封闭 房间 ， 并 在 房间 中 放置 了 一 个 立方 体 和 一 个 球体 ， 其 中 球体 位 于 立方 体内 部 ， 这 是 为 了 模拟 


玻璃 对 内 部 物体 的 折射 效果 。 把 第 2 步 中 创建 的 材质 赋 给 立方 体 。 


(5) 为 了 得 到 本 场景 适用 的 环境 映射 纹理 ， 我 们 使 用 了 10.1.2 节 中 实现 的 创建 立方 体 纹理 的 


脚本 (通过 Gameobject 一 Render into Cubemap 打开 编辑 窗口 ) 来 创建 它 ， 如 


书 资 源 中 ， 该 Cubemap 名 为 Glass_Cubemap。 


图 10.14 所 示 。 在 本 


4 图 10.13 玻璃 效果 4 图 10.14 本 例 


ss 
56 AR 


使 
和 


的 立方 体 纹理 
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完成 准备 工作 后 ， 打 开 Chapter10-GlassRefraction， 对 它 进行 如 下 关键 修改 。 
(1) 首先 ， 我 们 需要 声明 该 Shader 使 用 的 各 个 属性 : 


Properties { 


_MainTex ("Main Tex", 2D) = "white" {} 
_BumpMap ("Normal Map", 2D) = "bump" {} 
_Cubemap ("Environment Cubemap", Cube) = " Skybox" {} 


_Distortion ("Distortion", Range(0, 100)) = 10 
_RefractAmount ("Refract Amount", Range(0.0, 1.0)) = 1.0 
} 


其 中 ，_MainTex 是 该 玻璃 的 材质 纹理 ， 默 认为 白色 纹理 ;，_BumpMap 是 玻璃 的 法 线 纹理 
_Cubemap 是 用 于 模拟 反射 的 环境 纹理 ，_Distortion 则 用 于 控制 模拟 折射 时 图 像 的 扭曲 程度 ; 
_RefractAmount 用 于 控制 折射 程度 ， 当 _RefractAmount 值 为 0 时 ， 该 玻璃 只 包含 反射 效果 ， 当 
_RefractAmount 值 为 1 时 ， 该 玻璃 只 包括 折射 效果 。 

(2) 定义 相应 的 泻 染 队 列 ， 并 使 用 GrabPass 来 获取 屏幕 图 像 : 


SubShader { 
// We must be transparent, so other objects are drawn before this one. 
Tags { "Queue"="Transparent" "RenderType"="Opaque" } 


T 


// This pass grabs the screen behind the object into a texture. 
// We can access the result in the next pass as RefractionTex 
GrabPass { " RefractionTex" } 


我 们 首先 在 SubShader 的 标签 中 将 演 染 队列 设置 成 Transparent， 尽 管 在 后 面 的 RenderType 被 
设置 为 了 Opaque。 这 两 者 看 似 矛 盾 ， 人 得 实际 上 服务 于 不 同 的 需求 。 我 们 在 之 前 说 过 ， 把 Queue 
设置 成 Transparent 可 以 确保 该 物体 演 染 时 * 其 他 所 有 不 透明 物体 都 已 经 被 泻 染 到 屏幕 上 了 ， 否 则 
就 可 能 无 法 正确 得 到 “ 透 过 玻璃 看 到 的 图 像 ”。 而 设置 RenderType 则 是 为 了 在 使 用 着 色 器 奉 换 
(Shader Replacement) 时 ， 该 物体 可 以 在 需要 时 被 正确 演 染 。 这 通常 发 生 在 我 们 需要 得 到 摄像 机 
的 深度 和 法 线 纹理 时 ， 这 将 会 在 第 13 章 中 学 到 。 

随后 ， 我 们 通过 关键 词 GrabPass 定义 了 一 个 抓 取 屏幕 图 像 的 Pass。 在 这 个 Pass 中 我 们 定义 
了 一 个 字符 串 , 该 字符 串 内 部 的 名 称 决定 了 抓 取得 到 的 屏幕 图 像 将 会 被 存 入 哪个 纹理 中 。 实际 上 ， 
我 们 可 以 省 略 声 明 该 字符 串 ， 但 直接 声明 纹理 名 称 的 方法 往往 可 以 得 到 更 高 的 性 能 ， 有 具体 原因 可 
以 参见 本 节 最 后 的 部 分 。 

(3) 定义 泻 染 玻璃 所 需 的 Pass。 为 了 在 Shader 中 访问 各 个 属性 ,我 们 首先 需要 定义 它们 对 应 
的 变量 : 

sampler2D MainTex; 
float4 MainTex ST; 


sampler2D BumpMap; 
float4 BumpMap ST; 


samplerCUBE Cubemap; 
float Distortion; 
fixed RefractAmount; 
sampler2D RefractionTex; 


float4 RefractionTex TexelSize; 


需要 注意 的 是 , 我 们 还 定义 了 _RefractionTex 和 _RefractionTex_TexelSize 变量 ， 这 对 应 了 在 使 
用 GrabPass 时 指定 的 纹理 名 称 。_RefractionTex_TexelSize 可 以 让 我 们 得 到 该 纹理 的 纹 素 大 小 ， 例 
如 一 个 大 小 为 256X512 的 纹理 ， 它 的 纹 素 大 小 为 (1/256, 1/512)。 我 们 需要 在 对 屏幕 图 像 的 采样 华 
标 进 行 偏 移 时 使 用 该 变量 。 
(4) 我 们 首先 需要 定义 顶点 着 色 器 : 


v2f vert (a2v v) { 
v2f oOo; 
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o.pos = mul(UNITY _ MATRIX MVP, V.VertexX) 
oO.ScrPos = ComputeGrabScreenPos (o.pos); 


O.UV.XY 
O.UV.ZW 


TRANSFORM TEX(V.texcoord, MainTex); 
TRANSFORM TEX(V.texcoord, BumpMap); 


float3 worldPos = mul( Object2World, v.vertex) .xy2z; 


fixed3 worldNormal = UnityObjectToWorldNormal (v.normal); 
fixed3 worldTangent = UnityObjectToWorldDir(v.tangent.xyz); 
fixed3 worldBinormal = cross (worldNormal, worldTangent) 


* v.tangent 


eAW? 


oO.TtoWwW0 = float4 (worldTangent.x, worldBinormal.x, worldNormal.x, worldPos.x); 
oO.TtoWl = float4 (worldTangent.y, worldBinormal.y, worldNormal.y, worldPos.y); 
oO.TtoW2 = float4 (worldTangent.z, worldBinormal.z, worldNormal.z, worldPos.2z); 


return o; 


应 被 抓 取 的 屏幕 图 像 的 采样 坐标 。 读 者 可 以 在 UnityCGcginc 文件 


N 


和 ComputeScreenPos 基本 类 似 , 最 大 的 不 同 是 针对 平台 差异 造成 的 采样 坐标 问题 


float4 类 型 变量 的 xy 和 zw 分 量 中 。 由 于 我 们 需要 在 片 元 着 色 器 ! 
线 纹理 采样 得 到 ) 变换 到 世界 空间 下 ， 以 便 对 Cubemap 进行 采样 


顶点 对 应 的 从 切线 空间 到 世界 空间 的 变换 矩阵， 并 把 该 算 阵 的 每 一 行 
和 TtoW2 的 xyz 分 量 中 。 这 里 面 使 用 的 数学 方法 就 是 ， 得 到 切线 空间 下 的 3 
别 对 应 了 副 切线 、 切 线 和 法 线 的 方向 ) 在 世界 空间 下 的 表示 ， 再 把 它们 依次 按 列 组 成 一 个 变换 外 


大 


在 进行 了 必要 的 顶点 坐标 变换 后 , 我 们 通过 调用 内 置 的 ComputeGrabScreenPos 函数 来 得 到 对 
找到 它 的 声明 , 它 的 主要 代码 


( 详 见 5.6.1 节 ) 


进行 了 处 理 。 接 着 ， 我 们 计算 了 _MainTex 和 _BumpMap 的 采样 坐标 ， 并 把 它们 分 别 存储 在 一 个 
把 法 线 方向 从 切线 空间 〈 由 法 


此 ， 我 们 需要 在 这 里 计算 该 
分 别 存储 在 TtoW0、TtoW1 


个 坐标 轴 (xyz 轴 分 


阵 即 可 。TtoW0 等 值 的 w 轴 同 样 被 利用 起 来 ， 用 于 存储 世界 空间 下 的 顶点 坐标 。 


(5) 然后 ， 定 义 片 元 着 色 器 : 


fixed4 frag (v2f i) : SV Target 


float3 worldPos = float3(i.TtoWO.w, i.TtoWwl.w, i.TtoWw2.w); 
fixed3 worldViewDir = normalize (UnityWorldSpaceViewDir (worldPos)); 


// Get the normal in tangent space 
fixed3 bump = UnpackNormal (tex2D( BumpMap, i.uv.zZw)); 


// Compute the offset in tangent space 


float2 offset = bump.xy * Distortion * RefractionTex TexelSize.xy; 


i.scrPos.xy = offset + i.scrPos.xy;? 


fixed3 refrCol = tex2D( RefractionTex, i.scrPos.xy/i.scrPos.w) .rgb; 


// Convert the normal to world space 

bump = normalize (half3 (dot (i.TtoWwO0 .xyz, bump), 
dot (i.TtoW2.xyz, bump))); 

fixed3 reflDir = reflect(-worldViewDir, bump); 

fixed4 texColor = tex2D( MainTex, i.uv.xy); 


TH 


dOt (i. TtOWL.. YZ bump), 


fixed3 reflCol = texCUBE( Cubemap, reflDir) .rgb * texColor.rgb; 


fixed3 finalColor = reflCol * (1 - RefractAmount) + refrCol * RefractAmount; 


return fixed4 (finalColor, 1); 


} 


我 们 首先 通过 TtoW0 等 变量 的 w 分 量 得 到 世界 坐标 ， 


Ms 


随后 ， 我 们 对 法 线 纹理 进行 采样 ， 得 到 切线 空间 下 的 法 线 方向 。 我 们 使 ) 


该 值得 到 该 片 元 对 应 的 视角 方向 。 
该 值 和 _Distortion 属性 


以 及 _RefractionTex_TexelSize 来 对 屏幕 图 像 的 采样 坐标 进行 偏 移 ， 模 拟 折射 效果 。_Distortion 值 


越 大 ， 偏 移 量 越 大 ， 玻 璃 背后 的 物体 看 起 来 变形 程度 越 大 。 在 这 里 ， 我 们 选择 使 / 
法 线 方 向 来 进行 偏 移 ， 是 因为 该 空间 下 的 法 线 可 以 反映 顶点 局 部 空间 下 由 


] 切 线 空间 下 的 


的 法 线 方 向 。 随 后 ， 我 们 
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对 scrPos 透视 除法 得 到 真正 的 屏幕 坐标 (原理 可 参见 4.9.3 节 )， 再 使 用 该 坐标 对 抓 取 的 屏幕 图 像 
_RefractionTex 进行 采样 ， 得 到 模拟 的 折射 颜色 。 
之 后 ,我 们 把 法 线 方向 从 切线 空间 变换 到 了 世界 空间 下 《使 用 变换 矩阵 的 每 一 行 ， 即 TtoW0、 
TtoW1 和 TtoW2， 分 别 和 法 线 方向 点 乘 ， 构 成 新 的 法 线 方 向 )， 并 据 此 得 到 视角 方向 相对 于 法 线 
方向 的 反射 方向 。 随 后 ， 使 用 反射 方向 对 Cubemap 进行 采样 ， 并 把 结果 和 主 纹理 颜色 相 乘 后 得 到 
反射 颜色 。 
最 后 ， 我 们 使 用 _RefractAmount 属性 对 反射 和 折射 颜色 进行 混合 ， 作 为 最 终 的 输出 颜色 。 
完成 后 ,我 们 把 本 书 资源 中 的 Glass_Diffuse.jpg 和 Glass_Normal.jpg 文件 赋 给 材质 的 Main Tex 
和 Normal Map 属性 ， 把 之 前 创建 的 Glass_Cubemap 赋 给 Environment Cubemap 属性 ， 再 调整 
_RefractAmount 属性 即 可 得 到 类 似 图 10.13 中 的 玻璃 效果 。 
在 前 面 的 实现 中 , 我 们 在 GrabPass 中 使 用 一 个 字符 串 指明 了 被 抓 取 的 屏幕 图 像 将 会 存储 在 哪 
个 名 称 的 纹理 中 。 实 际 上 ，GrabPass 支持 两 种 形式 。 
。 直接 使 用 GrabPass { }， 然 后 在 后 续 的 Pass 中 直接 使 用 _GrabTexture 来 访问 屏幕 图 像 。 但 
是 ,当场 景 中 有 多 个 物体 都 使 用 了 这 样 的 形式 来 抓 取 屏幕 时 , 这 种 方法 的 性 能 消耗 比较 大 ， 
忆 为 对 于 每 一 个 使 用 它 的 物体 ，Unity 都 会 为 它 单独 进行 一 次 昂贵 的 屏幕 抓 取 操作 。 但 这 
种 方法 可 以 让 每 个 物体 得 到 不 同 的 屏幕 图 像 ,这 取决 于 它们 的 泻 染 队列 及 泻 染 它们 时 当前 
的 屏幕 缓冲 中 的 颜色 。 
使 用 GrabPass { "TextureName”}， 正 如 本 节 中 的 实现 ， 我 们 可 以 在 后 续 的 Pass 中 使 用 
TextureName 来 访问 屏幕 图 像 。 使 用 这 种 方法 同样 可 以 抓 取 屏幕 ， 但 Unity 只 会 在 每 一 帧 
时 为 第 一 个 使 用 名 为 TextureName 的 纹理 的 物体 执行 一 次 抓 取 屏幕 的 操作 , 而 这 个 纹理 同 
样 可 以 在 其 他 Pass 中 被 访问 ;这 种 方法 更 高 效 ， 因 为 不 管 场景 中 有 多 少 物体 使 用 了 该 命 
令 , 每 一 帧 中 Unity 都 只 会 执行 一 次 抓 取 工作 ， 但 这 也 意味 着 所 有 物体 都 会 使 用 同一 张 屏 
幕 图 像 。 不 过 ， 在 大 多 数 情况 下 这 已 经 足够 了 。 


Cy 
于 


10.2.3 泻 染 纹理 vs. GrabPass 


尽管 GrabPass 和 10.2.1 节 中 使 用 的 泻 染 纹理 + 额外 摄像 机 的 方式 都 可 以 抓 取 屏幕 图 像 ， 但 
它们 之 间 还 是 有 一 些 不 同 的 。GrabPass 的 好 处 在 于 实现 简单 ， 我 们 只 需要 在 Shader 中 写 几 行 代码 
就 可 以 实现 抓 取 屏幕 的 目的 。 而 要 使 用 演 染 纹理 的 话 ， 我 们 首先 需要 创建 一 个 演 染 纹理 和 一 个 额 
外 的 摄像 机 ， 再 把 该 摄像 机 的 Render Target 设置 为 新 建 的 泻 染 纹理 对 象 ， 最 后 把 该 泻 染 纹 理 传递 
给 相应 的 Shader。 
晶 从 效率 上 来 讲 ， 使 用 泻 染 纹理 的 效率 往往 要 好 于 GrabPass， 尤 其 在 移动 设备 上 。 使 用 泻 染 
纹理 我 们 可 以 自 定 义演 染 纹 理 的 大 小 ， 尺 管 这 种 方法 需要 把 部 分 场景 再 次 演 染 一 遍 ， 但 我 们 可 以 
通过 调整 摄像 机 的 泻 染 层 来 减少 二 次 演 染 时 的 场景 大 小 ， 或 使 用 其 他 方法 来 控制 摄像 机 是 否 需 要 
开启 。 而 使 用 GrabPass 获取 到 的 图 像 分 辨 率 和 显示 屏幕 是 一 致 的 ， 这 意味 着 在 一 些 高 分 辨 率 的 设 
备 上 可 能 会 造成 严重 的 带宽 影响 。 而 且 在 移动 设备 上 ，GrabPass 虽然 不 会 重新 演 染 场景 ， 但 它 往 
往 需 要 CPU 直接 读 取 后 备 缓冲 (back buffer) 中 的 数据 ， 破 坏 了 CPU 和 GPU 之 间 的 并 行 性 ， 这 
是 比较 耗 时 的 ， 甚 至 在 一 些 移动 设备 上 这 是 不 支持 的 。 

在 Unity 5 中 ，Unity 引入 了 命令 缓冲 《Command Buffers) 来 允许 我 们 扩展 Unity 的 泻 染 ; 
水 线 。 使 用 命令 缓冲 我 们 也 可 以 得 到 类 似 抓 屏 的 效果 ， 它 可 以 在 不 透明 物体 泻 染 后 把 当前 的 图 
复制 到 一 个 临时 的 演 染 目标 纹理 中 ， 然 后 在 那里 进行 一 些 额 外 的 操作 ， 例 如 模糊 等 ， 最 后 把 
像 传递 给 需要 使 用 它 的 物体 进行 处 理 和 显示 。 除 此 之 外 ， 命 令 缓冲 还 允许 我 们 实现 很 多 特殊 
效果 ， 读 者 可 以 在 Unity 官方 手册 的 图 像 命令 缓冲 一 文 http://docs.unity3d.com/Manual/Graphics 


i 


i 


本 辆 党 和 澡 


CommandBuffers.html) 中 找到 更 多 内 容 ，Unity 还 提供 了 一 个 示例 工程 供 我 们 学 习 。 


站 看 程序 纹理 


程序 纹理 (Procedural Texture) 指 的 是 那些 由 计算 机 生成 的 图 像 ， 我 们 通常 使 用 一 些 特定 的 


算法 来 创建 个 和 
们 可 以 使 用 各 


试用 算法 来 实 下 


化 图 案 或 


程序 纹理 的 好 处 在 于 我 


E 常 真实 的 自然 元 素 ， 例 如 木头 、 石 子 等 。 使 / 


:参数 来 控制 纹理 的 外 观 ， 而 这 些 属 性 不 仅仅 是 那些 颜色 属性 ， 甚 至 可 以 是 完全 不 
同类 型 的 图 案 属性 ， 这 使 得 我 


门 可 以 得 到 更 加 丰富 的 动画 和 视觉 效果 。 在 本 节 中 ， 我 们 首先 会 尝 


见 一 个 非常 简 


材质 一 一 程序 材质 。 


10.3.1 


为 此 ， 我 们 需要 进行 如 下 准备 工作 。 


单 的 程序 材质 。 然 后 ， 我 们 会 介绍 Unity 里 一 类 专门 使 用 程序 纹理 的 


在 Unity 中 实现 简单 的 程序 纹理 


在 这 一 节 里 ， 我 们 会 使 用 
中 调整 一 些 参数 ， 如 背景 颜色 、 


个 算法 来 生成 一 个 波 点 纹理 ， 如 图 10.15 所 示 。 我 们 可 以 在 脚本 
波 点 颜色 等 ， 以 控制 最 终生 成 的 纹理 外 观 。 


[| Procedural Texture Generation (sc ©, 
Script EPr ralTex 


多 ProceduralTextureMat (Instanct 园 
Shader [Uniy Shaders Book/Chapter7/Sin® 


A 图 


10.15 ”脚本 生成 的 程序 纹理 


(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_10_3_1。 在 Unity 5.2 中 ， 默 认 情 况 下 


场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 
Skybox 中 去 掉 场 景 中 的 天 空 合 


了 内 置 的 天 空 合子。 在 Window 一 Lighting 一 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 ProceduralTextureMat。 


(3) 我 们 使 用 


的 材质 。 


(4) 新 建 一 个 立方 体 ， 并 把 第 2 步 


第 7 章 的 一 个 Unity Shader 一 一 Chapter7-SingleTexture， 把 它 赋 给 第 2 步 : 


创建 


的 材质 赋 给 它 。 


(5) 我 们 并 没有 为 ProceduralTextureMat 材质 赋予 任何 纹理 , 这 是 因为 , 我 们 想 要 用 脚本 来 创 


建 的 立方 体 。 


建 程序 纹理 。 为 此 ， 我 们 及 


在 本 节 中 , 我 们 将 会 使 
进行 如 下 修改 。 
(1) 为 了 让 该 脚本 能 够 在 编辑 器 模式 下 运行 ， 我 们 


创建 一 个 脚本 ProceduralTextureGeneration.cs， 并 把 它 拖 电 到 第 4 步 创 


代码 来 生成 一 个 波 点 纹理 。 为 此 , 我 们 打开 ProceduralTextureGeneration.cs， 


[ExecuteInEditMode] 


public class ProceduralTextureGeneration : 


和 先 在 类 的 开头 添加 如 下 代码 : 


MonoBehaviour { 
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过 


(2) 声明 一 个 材质 ， 这 个 材质 将 使 用 该 脚本 中 生成 的 程序 纹理 : 


| public Material material = null; 


(3) 然后 ， 声 明 该 程序 纹理 使 用 的 各 种 参数 : 


#region Material properties 
[SerializeField, SetProperty ("textureWidth")] 
private int m textureWidth = 512; 
public int textureWidth { 
get { 
return m textureWidth; 


} 

set { 
m textureWidth = value; 
_UpdateMaterial (); 


} 


[SerializeField, SetProperty("backgroundColor")] 


private Color m backgroundColor = Color.white; 
public Color backgroundColor { 
get { 
return m backgroundColor; 
} 
set { 
m backgroundColor = value; 
_UpdateMaterial (); 


和 


[SerializeFieldq，SetPropBerty("citrclecolor") ] 
private Color m circleColor =Color.yellow; 
public Color circleColpbr A 
get { 
return m circleColor’ 
} 
set; 
m circleColor = value; 
_UpdateMaterial (); 


} 


[SerializeField, SetProperty ("blurFactor")] 
private float m blurFactor = 2.0f; 
public float blurFactor { 
get { 
return m blurFactor; 
} 
set { 
m blurFactor = value; 
_UpdateMaterial (); 
} 
} 


#endregion 


点 构成 的 ， 因此 在 上 面 的 代码 中 , 我 们 声明 了 4 个 纹理 
E 的 背景 颜色 ， 圆 点 的 颜色 ， 模糊 因子 ， 这 个 参数 是 用 


3 


#region 和 #endregion 仅仅 是 为 了 组 织 代码 , 并 没有 其 他 作用 。 由 于 我 们 生成 的 纹 


Ul 


边界 的 。 注 意 到 ， 对 于 每 个 属性 


们 使 用 了 get/set 的 方法 ， 为 了 在 面板 上 修改 属性 时 仍 可 以 执行 set 函数 ， 我 们 使 用 了 一 个 开源 报 


SetProperty (https://github.com/LMNRY/SetProperty/blob/master/Scripts/SetProper 
使 得 当 我 们 修改 了 材质 属性 时 , 可 以 执行 _UpdateMtaterial 函数 来 使 月 
(4) 为 了 保存 生成 的 程序 纹理 ， 我 们 声明 一 个 Texture2D 类 型 的 纹理 变 


| private Texture2D m generatedTexture = null; 


tyExample.cs )。 


(5) 下 面 开 始 编写 各 个 函数 。 首 先 ， 我 们 需要 在 Start 函数 中 进行 相应 的 检查 ， 以 得 到 需要 使 
该 程序 纹理 的 材质 : 


void Start () { 
if (material == null) { 
Renderer renderer = gameObject.GetComponent<Renderer>(); 
if (renderer == null) { 
Debug.LogWarning ("Cannot find a renderer."™); 
return; 


i 


} 


material = renderer.sharedMaterial; 


} 


_UpdateMaterial (); 


在 上 面 的 代码 里 ， 我 们 首先 检查 了 material 变量 是 否 为 室 ， 如 果 为 空 ， 就 尝试 从 使 用 该 脚本 
所 在 的 物体 上 得 到 相应 的 材质 。 完 成 后 ， 调 用 _UpdateMaterial 函数 来 为 其 生成 程序 纹理 。 
(6) _UpdateMaterial 函数 的 代码 如 下 : 


private void UpdateMaterial() { 

if (material != null) { 
m generatedTexture = GenerateProceduralTexture(); 
material.SetTexture(" MainTex", m generatedTexture); 


它 确保 material 不 为 空 , 然后 调用 _GenerateProceduralTexture 函数 来 生成 一 张 程序 纹理 ,并 赋 
给 m_generatedTexture 变量 。 完 成 后 ， 利 用 Material.SetTexture 函数 把 生成 的 纹理 赋 给 材质 。 材 质 
material 中 需要 有 一 个 名 为 _MainTex 的 纹理 属性 。 

(7) _GenerateProceduralTexture 函数 的 代码 如 下 : 


private Texture2D _GenerateProceduralTexture () { 
Texture2D proceduralTexture = new Texture2D (textureWidth, textureWidth); 


// 定义 圆 与 圆 之 间 的 间距 
float circleInterval = textureWidth / 4.0f; 
// 定义 圆 的 半径 
float radius = textureWidth / 10.0f; 

// 定义 模糊 系数 
float edgeBlur = 1.0f / blurFactor; 


for (int w = 0; WwW <textureWidth; w++) { 
for (int h = 0; h <textureWidth; h++) { 
习 


// 使 用 背景 颜色 进行 初始 化 
Color pixel = backgroundColor; 


// 依次 画 9 个 
for (inti = 
for (int = "0% 
// 计算 当前 所 绘制 的 圆 的 圆心 位 
Vector2 circleCenter = new Vector2 (circleInterval * (i + 1)，circleInterval 
* (+ 1)); 


A 


uu. 口 加 


// 计算 当前 像素 与 圆心 的 距离 


float dist = Vector2.Distance (newVector2 (w h), circleCenter) - radius; 


// 模糊 圆 的 边界 
Color color = MixColor(circleColor, new Color (pixel.r, pixel.g, 
pixel.b, 0.0f), Mathf.SmoothSstep (0f, 1.0f, dist * edgeBlur)); 


// 与 之 前 得 到 的 颜色 进行 混合 
pixel = MixColor (pixel, color, color.a); 


} 
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proceduralTexture.SetPixel(w, h, pixel); 
} 
} 


proceduralTexture.Apply(); 


return proceduralTexture; 


} 
代码 首先 初始 化 一 张 二 维 纹理 ， 并 且 提 前 计算 了 一 些 生成 纹理 时 需要 的 变量 。 然 后 ， 使 用 了 
一 个 两 层 的 和 藤 套 循环 遍历 纹理 中 的 每 个 像素 ， 并 在 纹理 上 依次 绘制 9 个 圆 形 。 最 后 ， 调 用 
Texture2D.Apply 函数 来 强制 把 像素 值 写 入 纹理 中 ， 并 返回 该 程序 纹理 。 


瑟 


保存 脚本 后 返回 场景 ， 调 整 相应 的 参数 后 可 以 得 到 类 似 图 10.15 中 的 效果 。 我 们 可 以 调整 肢 


本 面板 中 的 材质 参数 来 得 到 不 同 的 程序 纹理 ， 如 图 10.16 所 示 。 


4 图 10716， 调整 程序 纹理 的 参数 来 得 到 不 同 的 程序 纹理 


至 此 ， 我 们 已 经 学 会 如 何 通过 脚本 来 创建 一 个 程序 纹理 ， 再 赋 给 相应 的 材质 了 。 


10.3.2 ”Unity 的 程序 材质 


在 Unity 中 ， 有 一 类 专门 使 用 程序 纹理 的 材质 ， 叫 做 程序 材质 (Procedural Materials)。 这 类 
材质 和 我 们 之 前 使 用 的 那些 材质 在 本 质 上 是 一 样 的 , 不 同 的 是 , 它们 使 用 的 纹理 不 是 普通 的 纹理 ， 
而 是 程序 纹理 。 需 要 注意 的 是 ， 程 序 材质 和 它 使 用 的 程序 纹理 并 不 是 在 Unity 中 创建 的 ， 而 是 使 
] 了 一 个 名 为 Substance Designer 的 软件 在 Unity 外 部 生成 的 。 

Substance Designer 是 一 个 非常 出 色 的 纹理 生成 工具 , 很 多 3A 的 游戏 项 目 都 使 用 了 由 它 生成 
的 材质 。 我们 可 以 从 Unity 的 资源 商店 或 网 络 中 获取 到 很 多 免费 或 付费 的 Substance 材质 。 这 些 材 
质 都 是 以 .sbsar 为 后 级 的 ， 如 图 10.17 所 示 〔 资 源 来 源 于 https://www.assetstore.unity3d.com/en/#!/ 
content/1352)。 我 们 可 以 直接 把 这 些 材质 像 其 他 资源 一 样 拖 入 Unity 项 目 中 。 


nt 


回 Substance_...tion_sbsar | bricks_032.sbsar 
| BrickWall_02.sbsar 
Camou age 02.sbsar 


] concrete._ 049. sbsar 
] Desert_Sand_01.sbsar 
] Electric_Liquid.sbsar 
] metal_floor_003.sbsar 
] metal_plate_005.sbsar 
metal_plate_008.sbsar 
Pavement_01.sbsar 
了 ] Pavement_Path.sbsar 
| Road_01.sbsar 
了 roofing_007.sbsar 
了 sci_fi_003.sbsar 
-| Shutter_01.sbsar 
-| Stones_01.sbsar 
] Wood_Planks_01.sbsar 


和 图 10.17 ”后缀 为 .sbsar 的 Substance 材质 


当 把 这 些 文件 


已 
河 : 


和 Cereals_1， 每 个 程序 纹理 使 用 


程序 纹理 资源 可 以 包含 一 个 或 多 个 程序 材质 ， 例 如 图 


了 不 同 的 纹理 


例如 Cereals_Diffuse 和 Cereals_1_Diffuse 等 。 


通过 单 击 程序 材质 , 我 们 可 以 在 程序 纹理 的 本 
EE 属性、 材质 预览 等 信息 。 
门 把 它们 拖 点 到 相应 的 模型 上 即 可 。 读 者 可 以 在 本 
的 强大 之 处 很 大 原 
的 外 观 ， 甚 至 可 以 生成 看 似 完 全 不 同 的 纹理 。 
到 的 不 同 材质 效果 。 


生成 程序 纹 


10.19 给 出 了 调整 


里 使 用 的 纹理 

程序 材质 的 使 用 和 普通 材质 是 一 样 的 ， 我 
书 资源 的 Scene_10_3_2 中 找到 这 样 的 示例 场景 。 
我 们 可 以 通过 调整 程序 纹理 的 属性 来 探 
Cereals 程序 材质 的 不 同 纹理 属性 做 


rh Wh | 
| 人 | 六 | 


P [| bricks_032 
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区 
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Assets » Substances_Free 上 


@ Inspector == 
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10.18 程序 纹理 资源 


板 上 看 到 该 材质 使 ) 


程序 纹理 


所 纹 班 


的 Unity Shader 及 其 属性 、 


A 图 


妇 


10.19 


调整 程序 纹理 


属性 可 以 得 到 


可 以 看 出 ， 程 


E 序 材质 的 自由 度 很 高 ， 


一 种 非常 强大 的 材质 类 型 。 


而 


似 完全 不 同 的 程序 材质 效果 


因 在 于 它 的 多 变性 
图 


入 Unity 后 ，Unity 就 会 生成 一 个 程序 纹理 资源 (Procedural Material Asset ) 。 
10.18 中 就 包含 了 两 个 程序 纹理 一 一 Cereals 
参数 ， 因 此 Unity 为 它们 生成 了 不 同 的 程序 纹理 ， 


>» 


可 以 和 Shader 配合 得 到 非常 出 色 的 视觉 效果 ， 它 是 
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没有 动画 的 
时 间 变 量 ， 以 实 


Ee 


画面 往往 i 


现 各 种 动画 交 
我 们 会 使 用 


在 随后 的 章节 


列 帧 动画 和 月 页 


循环 滚动 动画 。 


等 动画 效果 ， 


洗 如 


。 克 
些 时 间 变 量 来 实现 动画 。 
在 11.3 节 ， 我 们 会 学 习 使 | 
E 最 后 给 出 一 些 在 实现 顶点 动画 时 的 注 


11.1 节 中 ， 我 们 首 儿 


11.2 节 会 介绍 两 种 


让 画面 动 起 来 


觉得 很 无 趣 。 在 本 章 中 ， 我 们 将 会 学 习 如 何 向 Unity Shader ! 
会 介绍 Unity Shader 内 置 日 


er 


ED 
TT 


见 的 纹 


项 。 


引入 
| 变量 ， 


的 时 间 
， 即 序 


顶点 动画 来 实现 流动 的 河 


Unity Shader 中 的 内 置 变量 ( 时 间 篇 ) 


动画 效果 往 


Unity 


Shader 提供 了 一 系列 关于 时 


往 都 是 把 时 间 添 


现 各 利 


表 11:1 
名 称 


类 型 


到 一 些 变 


动画 效果 。 表 11.1 给 出 了 这 些 内 置 的 时 间 变 量 。 


的 计算 ! 


, 以 便 在 时 


Unity 内 置 的 了 时间 变 量 


描 


间 变 化 时 画 


L、 上 告 牌 


看 也 可 以 随 之 变化 。 
| 间 的 内 置 变量 来 允许 我 们 方便 地 在 Shader 中 访问 运行 时 间 ， 实 


_Time 


float4 


该 场景 加 载 开 始 所 经 过 的 时 间 ，4 个 分 量 的 值 分 别 是 (t/20, t, 26, 30)。 


_SinTime 


float4 


旧 


的 正弦 值 ，4 个 分 量 的 值 分 别 是 (t/8, UV4, t/2, t) 


_CosTime 


float4 


日 


的 余弦 值 ，4 个 分 量 的 值 分 别 是 (t/8, UV4, t/2, t) 


unity_DeltaTime 


在 后 面 的 章 


float4 


节 中 ， 我 们 会 使 ) 


人 纹理 动画 


才 间 增 量 ，4 个 分 量 的 值 


上 述 时 间 变 量 来 实现 纹理 动画 和 项 点 动画 。 


分 别 是 (dt, 1/dt, smoothDt, 1/smoothDt) 


纹理 动画 在 游戏 中 的 应 用 非常 广泛 。 尤 其 在 各 种 资源 都 比较 局 限 的 移动 平台 上 ， 我 们 往往 会 
使 用 纹理 动画 来 代替 复杂 的 粒子 系统 等 模拟 各 种 动画 效果 。 
11.2.1 序列 帧 动画 

最 常见 的 纹理 动画 之 一 就 是 序列 帧 动画 。 序 列 帧 动画 的 原理 非常 简单 ， 它 像 放电 影 一 样 ， 依 
次 播放 一 系列 关键 帧 图 像 ， 当 播放 速度 达到 一 定数 值 时 ， 看 起 来 就 是 一 个 连续 的 动画 。 它 的 优点 
在 于 灵活 性 很 强 ， 我 们 不 需要 进行 任何 物理 计算 就 可 以 得 到 非常 细腻 的 动画 效果 。 而 它 的 缺点 也 
很 明显 ， 由 于 序列 帧 中 每 张 关 键 帧 图 像 都 不 一 样 ， 因 此 ， 要 制作 一 张 出 色 的 序列 帧 纹理 所 需要 的 
美术 工程 量 也 比较 大 。 

要 想 实现 序列 帧 动画 ， 我 们 先 要 提供 一 张 包含 了 关键 帧 图 像 的 图 像 。 在 本 书 资源 中 ， 我 们 提 
供 了 这 样 一 张 图 像 〈Assets/Textures/Chapter11/Boom.png)， 如 图 11.1 所 示 。 


上 述 图 像 包含 了 8 x 8 张 关键 帧 图 像 ， 它 们 的 大 小 相同 ， 而 且 播放 顺序 为 从 左 到 右 、 从 上 到 
下 。 图 11.2 给 出 了 不 同时 刻 播放 的 不 同 动画 效果 。 


4 图 11.1 本 节 使 用 的 序列 帧 图 像 4 图 11.2 ”使 用 序列 帧 动画 来 实现 爆炸 效果 


为 了 在 Unity 中 实现 序列 帧 动画 ， 我 们 需要 做 如 下 准备 工作 。 

(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_11_2_1。 在 Unity 5.2 中 ， 默 认 情况 下 
场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 Window 一 Lighting 一 
Skybox 中 去 掉 场 景 中 的 天 空 盒子 。 

(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 ImageSequenceAnimationMtat。 

(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 , 该 Shader 名 为 Chapter11-ImageSequenceAnimation 。 
把 新 的 Shader 赋 给 第 2 步 中 创建 的 材质 。 

(4) 在 场景 中 创建 一 个 四 边 形 (Quad)， 调 整 它 的 位 置 使 其 正面 朝向 摄像 机 ， 并 把 第 2 步 ， 
的 材质 拖 给 忠 它 。 

上 述 序 列 帧 动画 的 精髓 在 于 ， 我 们 需要 在 每 个 时 刻 计算 该 时 刻下 应 该 播放 的 关键 帧 的 位 置 ， 
并 对 该 关键 帧 进行 纹理 采样 。 打 开 新 建 的 Chapterl1-ImageSequenceAnimation， 删 除 原 有 的 代码 ， 
并 添加 如 下 关键 代码 。 

(1) 我 们 首先 声明 了 多 个 属性 ， 以 设置 该 序列 帧 动画 的 相关 参数 : 


Properties { 
-Color (COLO6r Tint rr, CoOlor) =: (dy. Ly Ly 
_MainTex ("Image Sequence", 2D) = "white" {} 
_HorizontalAmount ("Horizontal Amount", Float) 
_VerticalAmount ("Vertical Amount", Float) = 4 
_Speed ("Speed", Range (1, 100)) = 30 

} 


A 


V 


_MainTex 就 是 包含 了 所 有 关键 帧 图 像 的 纹理 。_HorizontalAmount 和 _VerticalAmount 分 别 代 
表 了 该 图 像 在 水 平方 向 和 竖 直 方向 包含 的 关键 帧 图 像 的 个 数 。 而 _Speed 属性 用 于 控制 序列 帧 动画 
的 播放 速度 。 
(2) 由 于 序列 帧 图 像 通 常 是 透明 纹理 ， 我 们 需要 设置 Pass 的 相关 状态 ， 以 泻 染 透明 效果 : 


SubShader { 
Tags {"Queue"="Transparent" "IgnoreProjector"="True" "RenderType"="Transparent"} 


Pass { 
Tags { "LightMode"="ForwardBase" } 


ZWrite Off 
Blend SrcAlpha OneMinusSrcAlpha 
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由 于 序列 帧 图 像 通常 包含 了 透明 通道 ， 因 此 可 以 被 当成 是 一 个 半 透 明 对 象 。 在 这 里 我 们 使 用 
半 透 明 的 “ 标 配 ”来 设置 它 的 SubShader 标签 ， 即 把 Queue 和 RenderType 设置 成 Transparent， 把 
IgnoreProjector 设置 为 True。 在 Pass 中 ， 我 们 使 用 Blend 命令 来 开启 并 设置 混合 模式 ， 同 时 关闭 


了 深度 写 入 。 
(3) 顶点 着 色 器 的 代码 非常 简单 ， 我 们 进行 了 基本 的 顶点 变换 ， 并 把 顶点 纹理 坐标 存储 到 
V2f 结构 体 里 : 
v2f vert (a2v v) { 
V2 提 


六 二 mul (UNITY MATRIX MVP, Vv.vertex); 
Oo.uV = TRANSFORM TEX(Vv.texcoord, MainTex); 
return o; 


} 
(4) 片 元 着 色 器 是 我 们 的 重头 戏 : 


fixed4 frag (v2f i) : SV Target { 
float time = floor( Time.y * Speed); 
float row = floor(time / HorizontalAmount); 
float column = time - row * VerticalAmount; 


// half2 uv = float2(i.uv.x / HorizontalAmount, i.uv.y / VerticalAmount); 
// uv.x += column / HorizontalAmount; 


// uv.y -= row / VerticalAmount; 
halfz uv = io lalt2 (eolumii =row)> 
Uv.x /= _HorizontalAmount; 


Uv.y /= VerticalAmount; 


fixed4 c = tex2D( MainTex,M uv); 
cirgb. *= Color; 


return c; 


} 

要 播放 帧 动画 ， 从 本 质 来 说 ， 我 们 需要 计算 出 每 个 时 刻 需 要 播放 的 关键 帧 在 纹理 中 的 位 置 。 
而 由 于 序列 帧 纹理 都 是 按 行 按 列 排列 的 ， 因 此 这 个 位 置 可 以 认为 是 该 关键 帧 所 在 的 行列 索引 数 。 
此 ,在 上 面 的 代码 的 前 3 行 中 我 们 计算 了 行列 数 ， 其 中 使 用 了 Unity 的 内 置 时 间 变 量 _Time。 由 
11.1 节 可 以 知道 ，_Time.y 就 是 自 该 场景 加 载 后 所 经 过 的 时 间 。 我 们 首先 把 _Time.y 和 速度 属性 
_Speed 相 乘 来 得 到 模拟 的 时 间 ， 并 使 用 CG 的 floor 函数 对 结果 值 取 整 来 得 到 整数 时 间 time。 然 
后 ， 我 们 使 用 time 除 以 _HorizontalAmount 的 结果 值 的 商 来 作为 当前 对 应 的 行 索引 ， 除 法 结果 的 
余数 则 是 列 索引 。 接 下 来 ， 我 们 需要 使 用 行列 索引 值 来 构建 真正 的 采样 坐标 。 由 于 序列 帧 图 像 包 
含 了 许多 关键 帧 图 像 ， 这 意味 着 采样 坐标 需要 映射 到 每 个 关键 帧 图 像 的 坐标 范围 内 。 我 们 可 以 首 
先 把 原 纹理 坐标 i.uv 按 行 数 和 列 数 进行 等 分 ， 得 到 每 个 子 图 像 的 纹理 坐标 范围 。 然 后 ， 我 们 需要 
使 用 当前 的 行列 数 对 上 面 的 结果 进行 偏 移 ， 得 到 当前 子 图 像 的 纹理 坐标 。 需 要 注意 的 是 ， 对 竖 直 
方向 的 坐标 偏 移 需 要 使 用 减法 ， 这 是 因为 在 Unity 中 纹理 坐标 竖 直方 向 的 顺序 (从 下 到 上 逐渐 增 
大 ) 和 序列 帧 纹理 中 的 顺序 〈 播 放 顺 序 是 从 上 到 下 ) 是 相反 的 。 这 对 应 了 上 面 代 码 中 注释 掉 的 
码 部 分 。 我 们 可 以 把 上 述 过 程 中 的 除法 整合 到 一 起 ， 就 得 到 了 注释 下 方 的 代码 。 这 样 ， 我 们 就 得 
到 了 真正 的 纹理 采样 坐标 。 
(5) 最 后 ， 我 们 把 Fallback 设置 为 内 置 的 Transparent/VertexLit〈 也 可 以 选择 关闭 Fallback): 


| Fallback "Transparent/VertexLit" 


保存 后 返回 场景 ， 我 们 将 Assets/Textures/Chapter11/Boom.png 注意， 由 于 是 透明 纹理 ， 因 此 
需要 勾 选 该 纹理 的 Alpha Is Transparency 属性 ) 赋 给 ImageSequenceAnimationMat 中 的 Image 
Sequence 属性 ， 并 将 Horizontal Amount 和 Vertical Amount 设置 为 8〈 因 为 Boom.png 包含 了 8 行 


六 | 


i 


< 十 
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8 列 的 关键 帧 图 像 )， 完 成 后 单 击 播放 ， 并 调整 Speed 属性 ， 就 可 以 得 到 一 段 连续 的 爆炸 动画 。 
11.2.2 ”滚动 的 背景 


很 多 2D 游戏 都 使 用 了 不 断 滚动 的 背景 来 模拟 游戏 角色 在 场景 中 的 穿梭 ， 这 些 背景 往往 包含 
了 多 个 层 (layers) 来 模拟 一 种 视差 效果 。 而 这 些 背景 的 实现 往往 就 是 利用 了 纹理 动画 。 在 本 节 中 ， 
我 们 将 实现 一 个 包含 了 两 层 的 无 限 滚动 的 2D 游戏 背景 。 本 节 使 用 的 纹理 资源 均 来 自 OpenGameArt 


(http://opengameart.org〉 网站。 在 学 习 完 本 节 后 ， 我 们 可 以 得 到 类 似 图 11.3 中 的 效果 。 单 击 运行 
后 ， 就 可 以 得 到 一 个 无 限 滚 动 的 背景 效果 。 cm。 ED a 


Pee Asp 


为 此 ， 我 们 需要 进行 如 下 准备 工作 。 

(1) 新 建 一 个 场景 ， 在 本 书 资源 中 ， 该 场景 
名 为 Scene_11 2 2。 在 Unity 5.2 中 ， 默 认 情 况 下 
场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 
了 内 置 的 天 空 盒子 。 在 Window 一 Lighting 一 
Skybox 中 去 掉 场 景 中 的 天 空 盒子 。 由 于 本 例 横扫 
的 是 2D 游戏 中 的 深 动 背景 ， 因 此 我 们 需要 把 摄像 
机 的 投影 模式 设置 为 正 交 投影 。 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 ,图 11.3 无 限 滚动 的 背景 (纹理 来 源 ; 
名 为 ScrollingBackgroundMat。 forest—background © 2012-2013 Julien Jorge 
(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， julien.jorgeQ@stuff-o-matic.com ) 


该 Shader 名 为 Chapter11-ScrollingBackground。 把 新 的 Shader 赋 给 第 2 步 中 创建 的 材质 。 
(4) 在 场景 中 创建 一 个 四 边 形 (Quad )， 调 整 它 的 位 置 和 大 小 ， 使 它 充满 摄像 机 的 视野 范围 ， 
然后 把 第 2 步 中 的 材质 拖 忠 给 它 。 该 四 边 形 将 用 于 显示 游戏 背景 。 
打开 新 建 的 Chapter11-ScrollingBackground， 删 除 原 有 的 代码 ， 并 添加 如 下 关键 代码 。 
(1) 我 们 首先 声明 了 新 的 属性 : 


Properties { 
MainTex ("Base Layer (RGB)", 2D) = "white" {} 
DetailTex ("2nd Layer (RGB)", 2D) = "white" { 
Scrollx ("Base layer Scroll Speed", Float) 
Scroll2x ("2nd layer Scroll Speed", Float) 
_Multiplier ("Layer Multiplier", Float) = 1 


} 
la 
is 


0 
0 
} 


其 中 ， MainTex 和 _DetailTex 分 别 是 第 一 层 ( 较 远 ) 和 第 二 层 ( 较 近 ) 的 背景 纹理 , 而 _ScrollX 
和 _Scroll2X 对 应 了 各 自 的 水 平 滚动 速度 。_Multiplier 参数 则 用 于 控制 纹理 的 整体 亮度 
(2) 我 们 的 顶点 着 色 器 代码 非常 简单 : 


v2f vert (a2v v) { 
v2f o; 
GAOS = mul (UNITY MATRIX MVP, Vv.vertex); 


过 


O.UV.Xy = TRANSFORM TEX(V.texcoord， MainTex) + frac(float2( Scrollx, 0.0) * 
_Time.y); 

O.UV.ZW = TRANSFORM TEX(v.texcoord, DetailTex) + frac(float2( Scrol12X， 0.0) * 
_Time.y); 


return o; 


} 


我 们 首先 进行 了 最 基本 的 顶点 变换 ， 把 顶点 从 模型 空间 变换 到 裁剪 空间 中 。 然 后 ， 我 们 计算 
了 两 层 背景 纹理 的 纹理 坐标 。 为 此 ， 我 们 首先 利用 TRANSFORM_TEX 来 得 到 初始 的 纹理 坐标 。 
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然后 ， 我 们 利用 内 置 的 _Time.y 变量 在 水 平方 向 上 对 纹理 坐标 进行 侦 移 ， 以 此 达到 滚动 的 效果 。 
我 们 把 两 张 纹理 的 纹理 坐标 存储 在 同一 个 变量 o.uv 中 ， 以 减少 占用 的 插值 寄存 器 空间 。 
(3) 片 元 着 色 器 的 工作 就 相对 比较 简单 ; 


fixed4 frag (v2f i) : SV Target { 
fixed4 firstLayer = tex2D( MainTex, i.uv.xy); 
fixed4 secondLayer = tex2D( DetailTex, i.uv.zZw); 


fixed4 c = lerpl(firstLayer, secondLayer, secondLayer.a); 
Gdb = Multiplier; 


return cc; 


} 


我 们 首先 分 别 利用 iuv.xy 和 iuv.zw 对 两 张 背景 纹理 进行 采样 。 然 后 ， 使 用 第 二 层 纹理 的 透 
明 通 道 来 混合 两 张 纹理 ， 这 使 用 了 CG 的 lerp 函数 。 最 后 ， 我 们 使 用 _Multiplier 参数 和 输出 颜色 
进行 相 乘 ， 以 调整 背景 亮度 

C4) 最后， 我 们 把 Fallback 设置 为 内 置 的 VertexLit (也 可 以 选择 关闭 Fallback); 


| Fallback "VertexLit" 


保存 后 返回 场景 ， 把 本 书 资源 中 的 Assets/Textures/Chapterll/Far_Background.png 和 
Assets/Textures/Chapter11/Near_Background.png 分 别 赋 给 材质 的 Base Layer 和 2nd Layer 属性 ， 并 
习 整 它们 的 滚动 速度 (由 于 我 们 想 要 在 视觉 上 模拟 Base Layer 比 2nd Layer 更 远 的 效果 , 因此 Base 
Layer 的 滚动 速度 要 比 2nd Layer 的 速度 慢 一 些 )。 单 击 运 行 后 , 就 可 以 得 到 类 似 图 11.3 中 的 效果 。 


中 项 点 动画 


如 果 一 个 游戏 中 所 有 的 物体 都 是 静止 的 ， 这 样 枯燥 的 世界 恐怕 很 难 引起 玩家 的 兴趣 。 顶 点 动 

画 可 以 让 我 们 的 场景 变 得 更 加 生动 有 趣 。 在 游戏 中 ， 我 们 常常 使 用 顶点 动画 来 模拟 蒜 动 的 旗帜 、 

潮流 的 小 溪 等 效果 。 在 本 节 中 ， 我 们 将 学 习 两 种 常见 的 顶点 动画 的 应 用 一 一 流动 的 河流 以 及 广告 
各 技术 在 本 节 最 后 ， 我 们 还 将 给 出 一 些 顶 点 动画 中 的 注意 事项 及 解决 方法 。 


于 


11.3.1 流动 的 河流 

河流 的 模拟 是 顶点 动画 最 常见 的 应 用 之 一 。 它 的 原理 通常 就 是 使 用 正弦 函数 等 来 模拟 水 流 的 
波动 效果 。 在 本 小 节 中 ， 我 们 将 学 习 如 何 模拟 一 个 2D 的 河流 效果 。 在 学 习 完 本 节 后 ， 我 们 可 以 
得 到 类 似 图 11.4 中 的 效果 。 当 单 击 运行 后 ， 可 以 观察 到 河流 不 断 流动 的 效果 。 


4 图 11.4 ”使 用 顶点 动画 来 模拟 2D 的 河流 


为 此 ， 我 们 需要 进行 如 下 准备 工作 。 
(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_11_3_1。 在 Unity 5.2 中 ， 默 认 情况 下 
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场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒 子 。 在 Window 一 Lighting 一 
Skybox 中 去 掉 场 景 中 的 天 空 盒 子 。 由 于 本 节 模 拟 的 是 2D 效果 ， 因 此 我 们 需要 把 摄像 机 的 投影 类 
型 设置 为 正 交 投影 。 

(2) 新 建 一 个 材质 。 在 本 书 资源 中 ,该 材质 名 为 WaterMat。 由 于 本 例 需 要 模拟 多 层 水 流 效 果 ， 
我 们 还 创建 了 WaterMatl 和 WaterMat2 材质 。 

(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter11-Water。 把 新 的 Shader 
赋 给 第 2 步 中 创建 的 材质 。 

(4) 在 场景 中 创建 多 个 Water 模型 ， 调 整 它们 的 位 置 、 大 小 和 方向 ， 然 后 把 第 2 步 中 的 材质 
拖 忠 给 它们 。 

打开 新 建 的 Chapter11-Water， 删 除 原来 的 代码 ， 并 添加 如 下 关键 代码 。 

(1) 首先 ， 我 们 声明 了 一 些 新 的 属性 : 


Properties { 


_MainTex ("Main Tex", 2D) = "white" {} 
“Goleor ‘(VColor Tint™, Coor) s= "(Ly ly 701) 
_Magnitude ("Distortion Magnitude", Float) = 1 
Frequency ("Distortion Frequency", Float) = 1 
InvWaveLength ("Distortion Inverse Wave Length", Float) = 10 


_Speed ("Speed", Float) = 0.5 
} 


其 中 ，_MainTex 是 河流 纹理 ，_Color 用 于 控制 整体 颜色 ，_Magnitude 用 于 控制 水 流 波动 的 幅 
度 ，_Frequency 用 于 控制 波动 频率 ， InvWaveLength 用 于 控制 波长 的 倒数 (_InvWaveLength 越 大 ， 
波长 越 小 )，_Speed 用 于 控制 河流 纹理 的 移动 速度 。 

(2) 在 本 例 中 ， 我 们 需要 为 透明 效果 设置 合适 的 SubShader 标签 


SubShader { 

// Need to disable batching because of the vertex animation 

Tags {"Queue"="Transparent" "IgnoreProjector"="True" "RenderType"="Transparent™" 
"DisableBatching"="True"} 


在 上 面 的 设置 中 ， 我 们 除了 为 透明 效果 设置 Queue、IgnoreProjector 和 RenderType 外 ， 还 设置 


了 一 个 新 的 标签 一 一 DisableBatching。 我 们 在 3.3.3 节 中 介绍 过 该 标签 的 含义 : 一 些 SubShader 在 使 


用 Unity 的 批 处 理 功 能 时 会 出 现 问 题 ， a 对 该 SubShader 使 用 批 
处 理 。 而 这 些 需要 特殊 处 理 的 Shader 通常 就 是 指 包含 了 模型 空间 的 顶点 动画 的 Shader。 这 是 因为 ， 
批 处 理会 合并 所 有 相关 的 模型 ， 而 这 些 模型 各 自 的 模型 空间 就 会 丢失 。 而 在 本 例 中 ， 我 们 需要 在 物 
体 的 模型 空间 下 对 顶点 位 置 进行 偏 移 。 因 此 ， 在 这 里 需要 取消 对 该 Shader 的 批 处 理 操作 。 

(3) 接着 ， 我 们 设置 了 Pass 的 泻 染 状态 : 

Pass { 


Tags { "LightMode"="ForwardBase" } 


ZWrite Off 
Blend SrcAlpha OneMinusSsrcAlpha 
CULL TOEE 


这 里 关闭 了 深度 写 入 ， 开 启 并 设置 了 混合 模式 ， 并 关闭 了 剔除 功能 。 这 是 为 了 让 水 流 的 每 个 
用 都 能 显示 。 
(4) 然后 ， 我 们 在 顶点 着 色 器 中 进行 了 相关 的 顶点 动画 : 


v2f vert(a2v v) { 
v2f o; 


float4 offset; 
offset.yzw = float3(0.0, 0.0, 0.0); 
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offset.x = sin( _ Frequency * Time.y + Vv.vertex.x * InvWaveLength + v.vertex.y * 
_InvWaveLength + Vv.vertex.z * InvWaveLength) * Magnitude; 
o.pos = mul (UNITY MATRIX MVP, Vv.vertex + offset); 


O.UuUV = TRANSFORM TEX(Vv.texcoord, MainTex); 
Oo.uv += float2(0.0, Time.y * _Speed); 


return oO 


} 


我 们 首先 计算 顶点 位 移 量 。 我 们 只 希望 对 顶点 的 x 方向 进行 位 移 ， 因 此 yzw 的 位 移 量 被 设置 
为 0。 然 后， 我 们 利用 _Frequency 属性 和 内 置 的 _Time.y 变量 来 控制 正弦 函数 的 频率 。 为 了 让 不 同 
位 置 具有 不 同 的 位 移 ， 我 们 对 上 述 结果 加 上 了 模型 空间 下 的 位 置 分 量 ， 并 乘 以 _InvWaveLength 来 
控制 波长 。 最 后 ， 我 们 对 结果 值 乘 以 Magnitude 属性 来 控制 波动 幅度 ， 得 到 最 终 的 位 移 。 剩 下 的 
工作 ， 我 们 只 需要 把 位 移 量 添加 到 顶点 位 置 上 ， 再 进行 正常 的 顶点 变换 即 可 。 


Me 


在 上 面 的 代码 中 ， 我 们 还 进行 了 纹理 动画 ， 即 使 用 _Time.y 和 _Speed 来 控制 在 水 平方 向 上 的 
纹理 动画 。 

(5) 片 元 着 色 器 的 代码 非常 简单 ， 我 们 只 需要 对 纹理 采样 再 添加 颜色 控制 即 可 : 

fixed4 frag(v2f i) : SV _ Target { 


fixed4 c = tex2D( MainTex, i.uv); 
Gsrgb: *= .Color.rgby 


return c; 


} 


(6) 最 后 ， 我 们 把 Fallback 设置 为 内 置 的 Transparent/VertexLit〈( 也 可 以 选择 关闭 Fallback): 


| Fallback "Transparent/VertexLit" 


保存 后 返回 场景 ， 把 Assets/Textures/Chapter11/Water.psd 拖 忠 到 材质 的 Main Tex 属性 上 ， 并 
调整 相关 参数 。 为 了 让 河流 更 加 美观 ， 我 们 可 以 复制 多 个 材质 并 使 用 不 同 的 参数 ， 再 赋 给 不 同 的 
Water 模型 ， 就 可 以 得 到 类 似 图 11.4 中 的 效果 。 


11.3.2 广告 牌 


另 一 种 常见 的 项 点 动画 就 是 广告 牌 技术 (Bilboarding)。 广 告 牌 技术 会 根据 视角 方向 来 旋转 
一 个 被 纹理 着 色 的 多 边 形 〈 通 常 就 是 简单 的 四 边 形 ， 这 个 多 边 形 就 是 广告 牌 )， 使 得 多 边 形 看 起 来 
好 像 总 是 面 对 着 摄像 机 。 广 告 牌 技术 被 用 于 很 多 应 用 ， 比 如 泻 染 烟雾 、 云 末 、 闪 光 效 果 等 。 

广告 牌 技术 的 本 质 就 是 构建 旋转 矩阵 ， 而 我 们 知道 一 个 变换 矩阵 需要 3 个 基 和 向量。 广告 牌 技 
术 使 用 的 基 向 量 通常 就 是 表面 法 线 (normal)、 指 向 上 的 方向 (up》〉 以 及 指向 右 的 方向 《right)。 
除 此 之 外 ， 我 们 还 需要 指定 一 个 锚 点 (anchor location )， 这 个 错 点 在 旋转 过 程 中 是 固定 不 变 的 ， 
以 此 来 确定 多 边 形 在 空间 中 的 位 置 。 

广告 牌 技术 的 难点 在 于 ， 如 何 根据 需求 来 构建 3 个 相互 正 交 的 基 向 量 。 计 算 过 程 通常 是 ， 我 们 
首先 会 通过 初始 计算 得 到 目标 的 表面 法 线 〈 例 如 就 是 视角 方向 ) 和 指向 上 的 方向 ， 而 两 者 往往 是 不 
垂直 的 。 但 是 ， 两 者 其 中 之 一 是 固定 的 ， 例 如 当 模 拟 草 从 时， 我们 希望 广告 牌 的 指向 上 的 方向 永远 
是 (0, 1, 0)， 而 法 线 方向 应 该 随 视 角 变 化 ;而 当 模拟 粒子 效果 时 ， 我 们 希望 广告 牌 的 法 线 方向 是 固定 
的 ， 即 总 是 指向 视角 方向 ， 指 向 上 的 方向 则 可 以 发 生变 化 。 我 们 假设 法 线 方 向 是 固定 的 ， 首 先 ， 我 
们 根据 初始 的 表面 法 线 和 指向 上 的 方向 来 计算 出 目标 方向 的 指向 右 的 方向 《通过 又 积 操作 ): 

Tight=upxnormal 

归 一 化 后 ， 再 由 法 线 方向 和 指向 右 的 方向 计算 出 正 交 的 指向 上 的 方向 即 可 : 


up'=normalxright 


对 大 


二 
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至 此 ， 我 们 就 可 以 得 到 用 于 旋转 的 3 个 正 交 基 了 。 图 11.5 给 出 了 上 述 计算 过 程 的 图 示 。 如 果 
肯 向 上 的 方向 是 固定 的 ， 计 算 过 程 也 是 类 似 的 。 


up up 


up 
© © © 
normal normal normal 
right right 
4 图 11.5 法 线 固定 ( 总 是 指向 视角 方向 ) 时 ， 计 算 广 告 牌 技术 中 的 3 个 正 交 基 的 过 程 


下 面 ， 我 们 将 在 Unity 中 实现 上 面 提 到 的 广告 牌 技术 。 在 学 习 完 本 节 后 ， 我 们 可 以 得 到 类 似 
图 11.6 中 的 效果 。 


4 图 11.6 广告 牌 效果 。 左 图 显示 了 摄像 机 和 5 个 广告 牌 之 间 的 位 置 关系 ， 摄 像 机 是 从 和 斜 上 方向 下 观察 它们 的 。 中 间 的 图 
显示 了 当 Vertical Restraints 属性 为 1， 即 固定 法 线 方向 为 观察 视角 时 所 得 到 的 效果 ， 可 以 看 出 ， 所 有 的 广告 牌 都 完全 夯 
朝 摄像 机 。 右 图 显示 了 当 Vertical Restraints 属性 为 0， 即 固定 指向 上 的 方向 为 (0, 1, 0) 时 所 得 到 的 效果 ， 可 以 看 出 ， 广 
告 牌 虽然 最 大 限度 地 面 朝 摄像 机 ， 但 其 指向 上 的 方向 并 未 发 生 改 变 


为 此 ， 我 们 需要 进行 如 下 准备 工作 。 

(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_11_3_2。 在 Unity 5.2 中 ， 默 认 情 况 下 
场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 Window 一 Lighting 一 
Skybox 中 去 掉 场 景 中 的 天 空 盒 

(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 BillboardMat。 

(3) 新建 一 个 Unity Shader。 在 本 书 资源 中 , 该 Shader 名 为 Chapter11-Billboard。 把 新 的 Shader 
赋 给 第 2 步 中 创建 的 材质 。 

(4) 在 场景 中 创建 多 个 四 边 形 (Quad)， 调 整 它们 的 位 置 和 大 小 ， 然 后 把 第 2 步 
上 忠 给 它们 。 这 些 四 边 形 就 是 用 于 广告 牌 技术 的 广告 牌 。 

打开 新 建 的 Chapter11-Billboard， 删 除 原 有 的 代码 ， 添 加 如 下 关键 代码 。 

(1) 我 们 首先 声明 了 几 个 新 的 变量 : 


Properties { 
_MainTex ("Main Tex", 2D) = "white" {} 
CoOLoOr, ("CoOLOr Tint Color) = (Ly yl 1) 
_VerticalBillboarding ("Vertical Restraints", Range(0, 1)) =1 
} 


其 中 ，_MainTex 是 广告 牌 显示 的 透明 纹理 ，_Color 用 于 控制 显示 整体 颜色 ， 
_VerticalBillboarding 则 用 于 调整 是 固定 法 线 还 是 固定 指向 上 的 方向 ， 即 约束 垂直 方向 的 程度 。 


的 材质 拖 
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(2) 在 本 例 中 ， 我 们 需要 为 透明 效果 设置 合适 的 SubShader 标签 : 


SubShader { 

// Need to disable batching because of the vertex animation 

Tags {"Queue"="Transparent" "IgnoreProjector"="True" "RenderType"="Transparent™" 
"DisableBatching"="True"} 


在 上 面 的 设置 中 ， 我 们 除了 为 透明 效果 设置 Queue、IgnoreProjector 和 RenderType 外 ， 还 设 
置 了 一 个 新 的 标签 一 一 DisableBatching。 我 们 在 3.3.3 节 中 介绍 过 该 标签 的 含义 : 一 些 SubShader 
在 使 用 Unity 的 批 处 理 功能 时 会 出 现 问 题 ， 这 时 可 以 通过 该 标签 来 直接 指明 是 否 对 该 SubShader 
使 用 批 处 理 。 而 这 些 需 要 特殊 处 理 的 Shader 通常 就 是 指 包含 了 模型 空间 的 顶点 动画 的 Shader。 这 
是 因为 ， 批 处 理会 合并 所 有 相关 的 模型 ， 而 这 些 模型 各 自 的 模型 空间 就 会 被 丢失 。 而 在 广告 牌 技 
术 中 ， 我 们 需要 使 用 物体 的 模型 空间 下 的 位 置 来 作为 锚 点 进行 计算 。 因 此 。 在 这 里 需要 取消 对 该 
Shader 的 批 处 理 操作 。 

(3) 接着 ， 我 们 设置 了 Pass 的 演 染 状态 : 


Pass { 
Tags { "LightMode"="ForwardBase" } 
ZWrite Off 
Blend SrcAlpha OneMinusSsrcAlpha 
CITT.-OFf 


这 里 关闭 了 深度 写 入 ， 开 启 并 设置 了 混合 模式 ， 并 关闭 了 剔除 功能 。 这 是 为 了 让 广告 牌 的 每 
个 面 都 能 显示 。 
(4) 顶点 着 色 器 是 我 们 的 核心 ,^ 所 有 的 计算 都 是 在 模型 空间 下 进行 的 。 我 们 首先 选择 模型 空 
间 的 原点 作为 广告 牌 的 锚 点 ， 并 利用 内 置 变 量 获取 模型 空间 下 的 视角 位 置 : 
// Suppose the center in whiject/ sBace is fixed 


float3 center float3(0, 0,s0); 
float3 viewer mul( World20bject”, float4( WorldSpaceCameraPos, 1)); 


然后 ， 我 们 开始 计算 3 个 正 交 矢量 。 首 先 ， 我 们 根据 观察 位 置 和 锚 点 计算 目标 法 线 方 向 ， 并 
根据 _VerticalBillboarding 属性 来 控制 垂直 方向 上 的 约束 度 。 


float3 normalDir = viewer - center; 
// If VerticalBillboarding equals 1, we use the desired view dir as the normal dir 
// Which means the normal dir is fixed 

// Or if VerticalBillboarding equals 0, the y of normal is 0 

// Which means the up dir is fixed 

normalDir.y =normalDir.y * VerticalBillboarding; 

normalDir = normalize (normalDir); 


当 _VerticalBillboarding 为 1 时 ， 意 味 着 法 线 方向 固定 为 视角 方向 : 当 _VerticalBillboarding 为 
0 时， 意味 着 向 上 方向 固定 为 (0, 1, 0)。 最 后 ， 我 们 需要 对 计算 得 到 的 法 线 方向 进行 归 一 化 操作 来 
得 到 单位 矢量 。 
接着 ， 我 们 得 到 了 粗略 的 向 上 方向 。 为 了 防止 法 线 方向 和 向 上 方向 平行 (如 果 平行 ， 那 么 叉 
只 得 到 的 结果 将 是 错误 的 )， 我 们 对 法 线 方向 的 y 分 量 进行 判断 ， 以 得 到 合适 的 向 上 方向 。 然 后 ， 
根据 法 线 方向 和 粗略 的 向 上 方向 得 到 向 右 方向 ， 并 对 结果 进行 归 一 化 。 但 由 于 此 时 向 上 的 方向 还 
是 不 准确 的 ， 我 们 又 根据 准确 的 法 线 方向 和 向 右 方 向 得 到 最 后 的 向 上 方向 : 


// Get the approximate up dir 
// If normal dir is already towards up, then the up dir is towards front 
float3 upDit Sbs. (normalDiery) > 05999 2 f16at3(0% 0 Ly 5 float3(Q Le 0s 
float3 rightDir = normalize (cross (upDir, normalDir)); 

upDir = normalize (cross (normalDir, rightDir)); 


这 样 ， 我 们 得 到 了 所 需 的 3 个 正 交 基 和 矢量。 我们 根据 原始 的 位 置 相 对 于 锁 点 的 偏 移 量 以 及 3 
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个 正 交 基 矢 量 ， 以 计算 得 到 新 的 项 点 位 置 : 


float3 centerOffs = Vv.vertex.xyz - center; 
float3 localPos = center + rightDir * centerOffs.x + upDir * centerOffs.y + normalDir.z 
* centerOffs.z; 


最 后 ， 把 模型 空间 的 顶点 位 置 变换 到 裁剪 空间 中 : 

| o.pos = mul (UNITY MATRIX MVP, float4(localPos, 1)); 
(5) 片 元 着 色 器 的 代码 非常 简单 ， 我 们 只 需要 对 纹理 进行 采样 ， 
fixed4 frag (v2f i) : SV Target { 


fixed4 c = tex2D ( MainTex, i.uv); 
c.rgb *= Color.rgb; 


再 与 颜色 值 相 乘 即 可 : 


过 


return cc; 


} 
(6) 最 后 ， 我 们 把 Fallback 设置 为 内 置 的 TransparenVVertexLit 〈 也 可 以 选择 关闭 Fallback): 


| Fallback "Transparent/VertexLit" 


需要 说 明 的 是 ， 在 上 面 的 例子 中 ,我 们 使 用 的 是 Unity 自 带 的 四 边 形 (Quad ) 来 作为 广告 牌 ， 
而 不 能 使 用 自 带 的 平面 (Plane)。 这 是 因为 ， 我 们 的 代码 是 建立 在 一 个 竖 直 摆 放 的 多 边 形 的 基础 
上 的 ， 也 就 是 说 ， 这 个 多 边 形 的 顶点 结构 需要 满足 在 模型 空间 下 是 紧 直 排列 的 。 只 有 这 样 ， 我 们 
才能 使 用 vvertex 来 计算 得 到 正确 的 相对 于 中 心 的 位 置 偏 移 量 。 

保存 后 返回 场景 ， 把 本 书 资源 中 的 Assets/Textures/Chapterll/star.png 拖 忠 到 材质 的 Main Tex 
中 ， 即 可 得 到 类 似 图 11.6 中 的 效果 。 


11.3.3 注意 事项 


顶点 动画 虽然 非常 灵活 有 效 ， 但 有 一 些 注意 事项 需要 在 此 提醒 读者 。 

首先 ， 如 11.3.2 节 看 到 的 那样 ， 如 果 我 们 在 模型 空间 下 进行 了 一 些 顶点 动画 ， 那 么 批 处 理 往 
往 就 会 破坏 这 种 动画 效果 。 这 时 ， 我 们 可 以 通过 SubShader 的 DisableBatching 标签 来 强制 取消 对 
该 Unity Shader 的 批 处 理 。 然 而 ， 取 消 批 处 理会 带 来 一 定 的 性 能 下 降 ， 增 加 了 Draw Call， 因 此 我 
门 应 该 尽量 避免 使 用 模型 空间 下 的 一 些 绝对 位 置 和 方向 来 进行 计算 。 在 广告 牌 的 例子 中 ， 为 了 避 
免 显 式 使 用 模型 空间 的 中 心 来 作为 锚 点 ,我 们 可 以 利用 顶点 颜色 来 存储 每 个 项 点 到 锚 点 的 距离 值 ， 
这 种 做 法 在 商业 游戏 中 很 常见 。 
其 次 ， 如 果 我 们 想 要 对 包含 了 顶点 动画 的 物体 添加 阴影 ， 那 么 如 果 仍 然 像 9.4 节 中 那样 使 用 
内 置 的 Diffuse 等 包含 的 阴影 Pass 来 演 染 ， 就 得 不 到 正确 的 阴影 效果 (这 里 指 的 是 无 法 向 其 他 物 
体 正确 地 投射 阴影 )。 这 是 因为 ,我 们 讲 过 Unity 的 阴影 绘制 需要 调用 一 个 ShadowCaster Pass， 而 
如 果 直 接 使 用 这 些 内 置 的 ShadowCaster Pass, 这 个 Pass 中 并 没有 进行 相关 的 顶点 动画 , 因此 Unity 
会 仍然 按照 原来 的 项 点 位 置 来 计算 阴影 ， 这 并 不 是 我 们 希望 看 到 的 。 这 时 ， 我 们 就 需要 提供 一 个 
自 定义 的 ShadowCaster Pass， 在 这 个 Pass 中 ， 我 们 将 进行 同样 的 顶点 变换 过 程 。 需 要 注意 的 是 ， 

在 前 面 的 实现 中 ， 如 果 涉 及 半 透 明 物 体 我 们 都 把 Fallback 设置 成 了 Transparent/VertexLit， 而 
Transparent/VertexLit 没有 定义 ShadowCaster Pass， 因 此 也 就 不 会 产生 阴影 〈 详 见 9.4.5 节 )。 

在 本 书 资源 的 Scene_11_3_3 场景 中 , 我 们 给 出 了 计算 顶点 动画 的 阴影 的 一 个 例子 。 在 这 个 例 
子 中 ， 我 们 使 用 了 11.3.1 节 中 的 大 部 分 代码 ， 模 拟 一 个 波动 的 水 流 。 同 时 ， 我 们 开启 了 场景 中 平 
行 光 的 阴影 效果 ， 并 添加 了 一 个 平面 来 接收 来 自 “ 水 流 ” 的 阴影 。 我 们 还 把 这 个 Unity Shader 的 
Fallback 设置 为 了 内 置 的 VertexLit， 这 样 Unity 将 根据 Fallback 最 终 找到 VertexLit 中 的 
ShadowCaster Pass 来 泻 染 阴影 。 图 11.7 给 出 了 这 样 的 结果 。 
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Marimize on Play | Mute audio | Siats Cizmok 了 


4 图 11.7” 当 进行 顶点 动画 时 ， 如 果 仍 然 使 用 内 置 的 ShadowCaster Pass 来 泻 染 阴影 ， 可 能 会 得 到 错误 的 阴影 效果 


可 以 看 出 ， 此 时 虽然 Water 模型 发 生 了 形变 ， 但 它 的 阴影 并 没有 产生 相应 的 动画 效果 。 为 了 
正确 绘制 变形 对 象 的 阴影 ， 我 们 就 需要 提供 自 定 义 的 ShadowCaster Pass。 读 者 可 以 在 本 书 资 源 的 
Chapterl1-VertexAnimationWithShadow 中 找到 对 应 的 Unity Shader。 使 用 该 Shader 得 到 的 阴影 效 
果 如 图 11.8 所 示 。 

在 这 个 Shader 中 ， 我 们 提供 了 一 个 ShadowCaster Pass， 相 关 代 码 如 下 : 


// Pass to render object as a shadow caster 


Pass { 
Tags { "LightMode" = "ShadowCaster" } 
Maximize on Play | Mute audio | Stats | Gizmos ~ 
CGPROGRAM 


pragma vertex vert 
pragma fragment frag 


pragma multi compiléx shadowcaster 


include "UnityCG.cginc" 


float Magnitude; 
float Frequency; 
float InvWaveLength; 
float Speed; 


struct a2v { 


float4 vertex : POSITION; 4 图 11.8 ”使 用 自 定义 的 ShadowCaster Pass 
float4 texcoord : TEXCOORDO; 为 变形 物体 绘制 正确 的 阴影 


2 

Es me Td i st ? 
V2F_SHADOW CASTER; 

> 


v2f vert(a2v i) { 
VE OF 


float4 offset; 
offset.yzw = float3(0.0, 0.0, 0.0); 


offset.x = sin( Frequency * Time.y + v.vertex.x * InvWaveLength + v.vertex.y 
* _InvWaveLength + Vv.vertex.z * InvWaveLength) * Magnitude; 


V.vertex = v.vertex + offset; 


TRANSFER SHADOW CASTER NORMALOFFSET (o) 


return o; 
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fixed4 frag 


(V2f 全 汪 这 江 


arget { 


SHADOW CASTER FRAGMENT (i) 


} 
ENDCG 
} 


阴影 投射 的 重点 在 于 我 们 需要 
和 物体 正常 泻 染 的 结果 相 匹 配 。 在 


时 需要 的 各 种 变量 ， 


按 正 常 Pass 的 处 理 来 剔除 片 元 或 进行 顶点 动画 ,以便 阴影 可 以 


置 宏 V2F SHADOW_CASTER、TRANSFER_SHADOW_CASTER_NORMALOFFSET 〔〈 旧 版 本 
会 使 用 TRANSFER_SHADOW_CASTER) 和 SHADOW _CASTER_FRAGMENT 来 计算 阴影 投射 


而 我 们 可 以 只 


构 体 中 利用 V2F_SHADOW_CASTER 来 定义 阴影 投射 需要 定义 的 变量 。 随 后 ， 在 顶点 着 色 器 中 ， 
我 们 首先 按 之 前 对 顶点 的 处 理 方法 计算 顶点 的 偏 移 量 ， 不 同 的 是 ， 我 们 直接 把 偏 移 值 加 到 顶点 位 
置 变量 中 ， 再 使 用 TRANSFER_SHADOW_CASTER_NORMALOFFSET 来 让 Unity 为 我 们 完成 剩 


成 阴影 投射 的 部 分 ， 


K 的 事情 。 在 片 元 着 色 器 中 ， 我 们 


把 结果 输出 到 


自 定义 的 阴影 投射 的 Pass 中， 我们 通常 会 使 用 Unity 提供 的 内 


4 关注 自 定 义 计算 的 部 分 。 在 上 面 的 代码 中 ， 我 们 首先 在 v2f 结 


直接 使 用 SHADOW_CASTER_FRAGMENT 来 让 Unity 自动 完 
深度 图 和 阴影 映射 纹理 中 。 


通过 Unity 提供 的 这 3 个 内 置 宏 
要 的 阴影 投射 的 Pass， 但 由 于 这 


人 提供 了 这 些 变量 量 。 


(在 UnityCG.cginc 文件 中 被 定义 )， 我 们 可 以 方便 地 自 定义 


些 宏 里 需要 使 用 一 些 特定 的 输入 变量 ， 因 此 我 们 需要 保证 为 它 


例如 ，TRANSFER_SHADOW_CASTER_NORMALOFFSET 会 使 用 名 称 v 作 


为 输入 结构 体 , v : 


顶点 着 色 器 中 直接 修改 vvertex， 再 


需要 包含 顶点 位 置 vvertex 和 顶点 法 线 vnormal 的 信息 , 我 们 可 以 直接 使 用 内 


置 的 appdata_base 结构 体 ， 它 包含 了 这 些 必需 的 顶点 变量 。 如 果 我 们 需要 进行 顶点 动画 ， 可 以 在 


传递 给 TRANSFER_SHADOW_CASTER_NORMALOFFSET 


即 可 。 在 15.1 节 中 ， 我 们 还 会 看 到 如 何在 阴影 投射 的 Pass 中 剔除 片 元 ， 以 实现 自 定义 的 透明 度 


测试 效果 。 
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第 4 篇 


局 级 篇 


级 篇 涵盖 了 一 些 Shader 的 高 级 用 法 ， 例如， 如 
条 和 页 计生 二 二 列 吕 法 线 和 深度 缓冲 ,以 及 非 真 
实感 泻 染 等 , 同时 , 我 们 还 会 介绍 一 些 针 对 移动 平 
合 的 优化 技巧 。 
第 12 章 屏幕 后 处 理 效 果 


这 一 章 将 介绍 如 何在 Unity 中 实现 一 个 基本 的 屏幕 
后 处 理 脚 本 系统 , 并 给 出 Re 
现 原 理 ， 如 高 斯 模糊 、 边 缘 检 测 等 。 


第 13 章 使 用 深度 和 法 线 纹理 


本 章 将 介绍 如 何在 Unity 中 获取 这 些 特殊 的 纹理 来 
实现 屏幕 特效 。 
第 14 章 非 真 实感 泻 染 

一 章 将 会 给 出 常见 的 非 真实 感 泻 染 的 算法 , 如 卡 
ee 素描 风格 的 泻 染 等 。 
第 15 章 使 用 噪声 
很 多 时 候 噪 声 是 我 们 实现 特效 的 “救星 ”。 本 章 给 
出 了 噪声 在 游戏 泻 染 中 的 一 些 应 用 。 
第 16 章 Unity 中 的 泻 染 优化 技术 
优化 往往 是 游戏 演 染 中 的 重点 。 这 一 章 介 绍 了 
Unity 中 针对 移动 平台 常见 的 优化 技巧 。 


屏幕 后 处 理 效果 (screen post-processing effects) 是 游戏 中 实 ] 
章 中 , 我 们 将 学 习 如 何在 Unity 中 利用 泻 染 纹理 
我 们 首先 会 解释 在 Unity 中 实现 屏幕 后 处 至 


F 建 


随后 在 12.2 节 


缘 检 测 ， 实 现 描 


边 效 果 。 办 


和 12.6 节 : 


中 ,我 们 会 使 用 这 个 系统 实现 
效 。 在 12.3 节 中 ， 我 们 会 接触 到 图 像 滤波 的 概念 ， 
E 此 基础 上 ，12.4 节 将 会 介 


E 来 实现 各 种 常见 的 屏幕 后 处 型 


屏 攻 后 处 理 效 采 


现 屏 幕 特 效 的 常见 方法 。 在 本 
效果 。 在 12.1 节 ! 


9 


效果 的 原理 ， 六 


小 


一 个 基本 的 屏幕 后 处 天 


脚本 系统 。 


个 人 简 用 


半 的 调整 画 盏 


加 


| 


亮度 、 饱 和 度 和 对 比 度 的 屏幕 特 


Sobel 


并 利用 
绍 如 何 实 ] 


本 


， 我 们 会 分 别 介绍 如 


何 实现 Bloom 和 运动 模糊 效果 。 


岗 一 个 高 斯 模糊 的 


算 子 在 屏幕 空间 中 对 图 像 进行 边 
异 幕 特效 。 在 12.5 


册 相 | 建立 一 个 基本 的 屏幕 后 处 理 脚本 系统 


屏幕 后 处 


-9 顾 名 


一 系列 操作 ， 实 现 各 利 
深 (Depth of Field)、i;i 


思 义 ， 通 常 指 的 是 在 演 染 完整 个 场景 得 至 


I 屏幕 图 


像 后 ， 再 对 这 个 图 像 进 行 


D 


运动 模糊 


因此 ， 想 要 实现 屏幕 后 处 到 


屏幕 特效 * 使 


这 种 技术 ， 可 以 为 游戏 画 
(Motion'Blur) 等 。 


的 基础 在 于 得 到 演 染 后 的 屏幕 图 


掉 添 加 更 多 的 艺术 效果 ， 例 如 景 


们 提供 了 这 样 一 个 方便 的 接口 OnRenderImage 函数 。 它 的 函数 声明 如 下 ; 
| MonoBehaviour.OnRenderIimage (RenderTexture src, RenderTexture dest) 

当 我 们 在 脚本 中 声明 此 函数 后 ，Unity 会 把 当前 泻 染 得 到 的 图 像 存 储 在 第 一 个 参数 对 应 的 源 
泻 染 纹理 中 ， 通 过 函数 中 的 一 系列 操作 后 ， 再 把 目标 泻 染 纹理 ， 即 第 二 个 参数 对 应 的 泻 染 纹理 显 
示 到 屏幕 上 。 在 OnRenderImage 函数 中 , 我 们 通常 是 利用 Graphics.Blit 函数 来 完成 对 演 染 纹理 的 
处 理 。 它 有 3 种 函数 声明 : 


public static void Blit(Texture src, 


RenderTexture dest); 


public static void Blit(Texture src, RenderTexture dest, Material mat, int pass = -1); 


public static void Blit(Texture src, Material 


其 中 ， 参 数 src 对 应 了 源 纹 到 
里 或 是 上 一 步 处 到 
结果 显示 在 屏幕 上 上。 参数 
操作 ， 


表示 将 会 


幕后 处 到 
为 -1， 
在 时 


= 


4 是 


导 到 | 


后 


的 泻 染 


mat, 


int pass = -1); 


E， 在 屏幕 后 处 理 技 术 中 ， 这 个 参数 通常 就 是 当前 屏幕 的 泻 染 纹 


纹理 。 参 数 dest 是 目标 演 染 纹理 


， 如 果 它 的 值 为 null 就 会 直接 将 


而 src 纹理 
依次 调 


便 对 场 
2500 的 Pass， 
即 调用 


后 


mat 是 我 们 使 / 
将 会 被 传递 给 Shader ! 
用 Shader 内 的 所 有 Pass。 和 否则 ， 只 会 调用 
A 认 情 况 下 ，OnRenderImage 函数 会 在 所 有 的 不 透 
所 有 游戏 对 象 都 产 49 
内 置 的 Background、Geometry 和 AlphaTest 演 染 队 
OnRenderImage 函数 , 从 而 不 对 透明 物体 产生 任何 
添加 ImageEffectOpaque 


B= 
己 果 乡 


的 材质 ， 这 个 材质 使 用 
名 为 MainTex 


响 。 但 有 时 ， 我 们 希望 在 不 透 


= 
果 乡 


3 


届 性 来 实现 这 检 


的 


明和 透明 的 Pass 执行 完毕 后 被 


目的 。13.4 节 展 示 了 这 样 


的 Unity Shader 将 会 进行 各 种 屏 
的 纹理 属性 。 参数 pass 的 默认 值 
给 定 索引 的 Pass。 


泻 染 队列 小 于 等 于 
内 ) 执行 完毕 后 立 


明 的 Pass〔 即 
列 均 在 此 范围 


响 。 此 时 , 我 们 可 以 在 OnRenderImage 


4 
日 


个 例子 ， 在 13.4 


中 ， 我 们 会 利 ) 


深度 和 法 线 纹 型 


进行 边缘 检测 从 而 实现 描 边 的 效果 ， 但 我 们 不 希望 透明 物体 也 被 


12.1 立 一 个 基本 的 屏幕 后 处 理 脚 本 系统 


因此 ， 要 在 Unity 中 实现 屏幕 后 处 理 效果 ， 过 程 通常 如 下 : 我 们 首先 需要 在 摄像 中 添加 一 个 
于 屏幕 后 处 理 的 脚本 。 在 这 个 脚本 中 ， 我 们 会 实现 OnRenderImage 函数 来 获取 当前 屏幕 的 泻 染 
纹理 。 然 后 ， 再 调用 Graphics.Blit 函数 使 用 特定 的 Unity Shader 来 对 当前 图 像 进 行 处 理 ， 再 把 返 
回 的 演 染 纹理 显示 到 屏幕 上 。 对 于 一 些 复杂 的 屏幕 特效 ， 我 们 可 能 需要 多 次 调用 Graphics.Blit 画 
数 来 对 上 一 步 的 输出 结果 进行 下 一 步 处 理 。 

但 是 ， 在 进行 屏幕 后 处 理 之 前 ， 我 们 需要 检查 一 系列 条 件 是 否 满足 ， 例 如 当前 平台 是 否 文 持 
泻 染 纹理 和 屏幕 特效 ， 是 否 支 持 当前 使 用 的 Unity Shader 等 。 为 此 ， 我 们 创建 了 一 个 用 于 屏幕 后 
处 理 效果 的 基 类 ， 在 实现 各 种 屏幕 特效 时 ， 我 们 只 需要 继承 自 该 基 类 ， 再 实现 派生 类 中 不 同 的 操 
作 即 可 。 读 者 可 在 本 书 资源 的 Assets/Scripts/Chapter12/PostEffectsBase.cs 中 找到 该 脚本 。 

PostEffectsBase.cs 的 主要 代码 如 下 。 

(1) 首先 ， 所 有 屏幕 后 处 理 效 果 都 需要 绑 定 在 某 个 摄像 机 上 ， 并 且 我 们 希望 在 编辑 器 状态 下 
也 可 以 执行 该 脚本 来 查看 效果 : 


[ExecuteInEditMode] 
[RequireComponent (typeof (Camera))] 
public class PostEffectsBase : MonoBehaviour { 


(2) 为 了 提前 检查 各 种 资源 和 条 件 是 否 满 足 ， 我 们 在 Start 函数 中 调用 CheckResources 函数 : 


// Called when start 
protected void CheckResources() { 
bool isSupported = CheckSupport (); 


AS 


No 


if (isSupported == false) { 
NotSupported (); 
} 
} 


// Called in CheckResources to check support on this platform 
protected bool CheckSupport() { 
if (SystemIinfo.supportsImageEffects == false || SystemIinfo.supportsRenderTextures == 
false) { 
Debug.LogWarning ("This platform does not support image effects or render 
textures."); 
return false; 


} 


return 二 US 


} 


// Called when the Platform doesn't support this effect 
protected void NotSupported() { 
enabled = false; 


} 


protected void Start() { 
CheckResources ();，; 


} 


一 些 屏 幕 特效 可 能 需要 更 多 的 设置 , 例如 设置 一 些 默认 值 等 , 可 以 重 载 Start、CheckResources 
或 CheckSupport 函数 。 
(3) 由 于 每 个 屏幕 后 处 理 效果 通常 都 需要 指定 一 个 Shader 来 创建 一 个 用 于 处 理 泻 染 纹理 的 材 
质 ， 因 此 基 类 中 也 提供 了 这 样 的 方法 : 
// Called when need to create the material used by this effect 
protected Material CheckShaderAndCreateMaterial (Shader shader, Material material) { 


if (shader == null) { 
return null; 
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if (shader.isSupported && material && material.shader == shader) 
return material; 


if (!shader.isSupported) { 
return null; 
} 
else { 
material = new Material (shader); 
material.hideFlags = HideFlags.DontSave; 
if (material) 
return material; 
else 
return null; 


} 


CheckShaderAndCreateMaterial 函数 接受 两 个 参数 ， 第 一 个 参数 指定 了 该 特效 需要 使 用 的 
Shader， 第 二 个 参数 则 是 用 于 后 期 处 理 的 材质 。 该 函数 首先 检查 Shader 的 可 用 性 ， 检 查 通过 后 就 
返回 一 个 使 用 了 该 Shader 的 材质 ， 否 则 返回 null。 

在 12.2 节 中 , 我 们 就 会 看 到 如 何 继承 PostEffectsBase.cs 来 创建 一 个 简单 的 用 于 调整 屏幕 的 亮 
度 、 饱 和 度 和 对 比 度 的 特效 脚本 。 


肝癌 调整 屏幕 的 亮度 、 饱 和 度 和 对 比 度 


在 12.1 节 中 ,我 们 了 解 了 实现 屏幕 后 处 理 特效 的 技术 原理 。 在 本 节 中 ， 我 们 就 小 试 牛刀 来 实 
现 一 个 非常 简单 的 屏幕 特效 调整 屏幕 的 亮 
度 、 饱 和 度 和 对 比 度 。 在 本 节 绪 束 后 ， 我 们 将 得 
到 类 似 图 12.1 中 的 效果 。 

为 此 ， 我 们 需要 进行 如 下 准备 工作 。 

(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 
名 为 Scene_12_ 2。 在 Unity 5.2 中 , 默认 情况 下 场 图 12.1 左 图 : 原 效果 。 右 图 : 调整 了 亮度 ( 信 为 1.2)、 
景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 饱和 度 ( 值 为 1.6 ) 和 对 比 度 ( 值 为 1.2 ) 后 的 效果 
内 置 的 天 空 盒子 。 在 Window 一 Lighting 一 Skybox 中 去 掉 场 景 中 的 天 空 盒子 。 

(2) 把 本 书 资源 中 的 Assets/Textures/Chapter12/Sakura0.jpg 拖 电 到 场景 中 ， 并 调整 其 的 位 置 使 
它 可 以 填充 整个 场景 。 注 意 ，Sakura0.jpg 的 纹理 类 型 已 被 设置 为 Sprite， 因 此 可 以 直接 拖 忠 到 场 
景 中 。 

(3) 新 建 一 个 脚本 。 在 本 书 资源 中 ， 该 脚本 名 为 BrightnessSaturationAndContrast.cs。 把 该 脚 
本 拖 忠 到 摄像 机 上 。 

(4) 新 建 一 个 Unity Shader。 在 本 书 资源 中 , 该 Shader 名 为 Chapter12-BrightnessSaturationAndContrast。 

我 们 首先 来 编写 BrightnessSaturationAndContrast.cs 脚本 。 打 开 该 脚本 ， 并 进行 如 下 修改 。 

(1) 首先 ， 继 承 12.1 节 中 创建 的 基 类 : 


| public class BrightnessSaturationAndContrast : PostEffectsBase { 


(2) 声明 该 效果 需要 的 Shader， 并 据 此 创建 相应 的 材质 : 


public Shader briSatConShader; 
private Material briSatConMaterial; 
public Material material { 
get { 
briSatConMaterial = CheckShaderAndCreateMaterial (briSatConShader, briSatConMaterial); 
return briSatConMaterial; 
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在 上 述 代码 中 ，briSatConShader 是 我 们 指定 的 Shader， 对 应 了 后 面 将 会 实现 的 Chapter12- 
BrightnessSaturationAndContrast。briSatConMaterial 是 创建 的 材质 ， 我 们 提供 了 名 为 material 的 材 
质 来 访问 它 ，material 的 get 函数 调用 了 基 类 的 CheckShaderAndCreateMaterial 函数 来 得 到 对 应 的 
材质 。 

(3) 我 们 还 在 脚本 中 提供 了 调整 亮度 、 饱 和 度 和 对 比 度 的 参数 : 


[Range (0 .0f, 3.0f) 
public float brightness = 1.0f; 


[Range (0 .0f, 3.0f) 
public float saturation = 1.0f; 


[Range (0 .0f, 3.0f) 
public float contrast = 1.0f; 


我 们 利用 Unity 提供 的 Range 属性 为 每 个 参数 提供 了 合适 的 变化 区 间 。 
(4) 最 后 ， 我 们 定义 OnRenderImage 函数 来 进行 真正 的 特效 处 理 ; 


void OnRenderImage (RenderTexture src, RenderTexture dest) { 
if (material != null) { 
material.SetFloat(" Brightness", brightness); 
material.SetFloat(" Saturation", saturation); 
material.SetFloat(" Contrast", contrast); 


Graphics.Blit(src, dest, material); 
} else { 
Graphics.Blitl(src, dest); 


每 当 OnRenderImage 函数 被 调用 时 ， 它 会 检查 材质 是 否 可 用 。 如 果 可 用 ， 就 把 参数 传递 给 材 
质 ， 再 调用 Graphics.Blit 进行 处 理 ， 和 否则 ， 直 接 把 原 图 像 显 示 到 屏幕 上 ， 不 做 任何 处 理 。 
下 面 ， 我 们 来 实现 Shader 的 部 分 。 打 开 Chapter12-BrightnessSaturationAndContrast， 进 行 如 


下 修改 。 
(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 属性 : 


Properties { 


_MainTex ("Base (RGB)", 2D) = "white" {} 
_Brightness ("Brightness", Float) = 1 
_Saturation("Saturation", Float) = 1 


_Contrast ("Contrast", Float) = 1 
} 


在 12.1 节 中 ， 我 们 提 到 Graphics.Blit(src, dest, material) 将 把 第 一 个 参数 传递 给 Shader 中 名 为 
_MainTex 的 属性 。 因 此 ， 我 们 必须 声明 一 个 名 为 _MainTex 的 纹理 属性 。 除 此 之 外 ， 我 们 还 声明 
了 用 于 调整 亮度 、 饱 和 度 和 对 比 度 的 属性 。 这 些 值 将 会 由 脚本 传递 而 得 。 事 实 上， 我 们 可 以 省 略 
Properties 中 的 属性 声明 ，Properties 中 声明 的 属性 仅仅 是 为 了 显示 在 材质 面板 中 ， 但 对 于 屏幕 特 
效 来 说 ， 它 们 使 用 的 材质 都 是 临时 创建 的 ， 我 们 也 不 需要 在 材质 面板 上 调整 参数 ， 而 是 直接 从 脚 


本 传递 给 Unity Shader。 
(2) 定义 用 于 屏幕 后 处 理 的 Pass: 
SubShader 
Pass { 
ZTest Always Cull Off ZWrite Off 


异 幕 后 处 理 实际 上 是 在 场景 中 绘制 了 一 个 与 屏幕 同 宽 同 高 的 四 边 形 面 片 ， 为 了 防止 它 对 其 他 
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物体 产生 影响 , 我 们 需要 设置 相关 的 演 染 状态 。 在 这 里 ,我 们 关闭 了 深度 写 入 , 是 为 了 防止 它 “ 挡 
住 在 其 后 面 被 泻 染 的 物体 。 例 如 ， 如 果 当 前 的 OnRenderImage 函数 在 所 有 不 透明 的 Pass 执行 完 
毕 后 立即 被 调用 ， 不 关闭 深度 写 入 就 会 影响 后 面 透明 的 Pass 的 泻 染 。 这 些 状态 设置 可 以 认为 是 用 
于 屏幕 后 处 理 的 Shader 的 “ 标 配 ”。 

(3) 为 了 在 代码 中 访问 各 个 属性 ， 我 们 需要 在 CG 代码 块 中 声明 对 应 的 变量 : 


sampler2D MainTex; 
half Brightness; 
half Saturation; 
half Contrast; 


(4) 定义 顶点 着 色 器 。 屏 幕 特效 使 用 的 顶点 着 色 器 代码 通常 都 比较 简单 ， 我 们 只 需要 进行 必 
需 的 顶点 变换 ， 更 重要 的 是 ， 我 们 需要 把 正确 的 纹理 坐标 传递 给 片 元 着 色 器 ， 以 便 对 屏幕 图 像 进 
行 正确 的 采样 : 


struct V2 { 
float4 pos : SV_POSITION; 
halt2 Uv: ;TEXCOORDO; 

}; 


二 是 


v2f vert(appdata img v) { 
YE OR 


POs = mul (UNITY MATRIX MVP, Vv.vertex); 
O.UV = Vv.texcoord; 


return oO 


在 上 面 的 顶点 着 色 器 中 ,我 们 使 用 了 Unity 内 置 的 appdata_img 结构 体 作为 顶点 着 色 器 的 输入 ， 
读者 可 以 在 UnityCGcginc 中 找到 该 结构 体 的 声明 , 它 只 包含 了 图 像 处 理 时 必需 的 顶点 坐标 和 纹理 


坐标 等 变量 。 
(5) 接着 ， 我 们 实现 了 用 于 调整 亮度 、 饱 和 度 和 对 比 度 的 片 元 着 色 器 : 


fixed4 frag(v2f i) : SV _ Target { 
fixed4 renderTex = tex2D( MainTex, i.uv); 


// Apply brightness 
fixed3 finalColor = renderTex.rgb * Brightness; 


// Apply saturation 

fixed luminance = 0.2125 * renderTex.r + 0.7154 * renderTex.g9 + 0.0721 * renderTex.b; 
fixed3 luminanceColor = fixed3(luminance, luminance, luminance); 

finalColor = lerp(luminanceColor, finalColor, Saturation); 


// Apply contrast 
fixed3 avgColor = fixed3(0.5, 0.5, 0.5); 
finalColor = lerpl(avgColor, finalColor, Contrast); 


return fixed4 (finalColor, renderTex.a); 


} 


首先 ， 我 们 得 到 对 原 屏幕 图 像 (存储 在 _MainTex 中 ) 的 采样 结果 renderTex。 然 后 ， 利 用 
_Brightness 属性 来 调整 亮度 。 亮 度 的 调整 非常 简单 , 我 们 只 需要 把 原 颜 色 乘 以 亮度 系数 _Brightness 
即 可 。 然 后 ， 我 们 计算 该 像素 对 应 的 亮度 值 (luminance )， 这 是 通过 对 每 个 颜色 分 量 乘 以 一 个 特 
定 的 系数 再 相 加 得 到 的 。 我 们 使 用 该 亮度 值 创 建 了 一 个 饱和 度 为 0 的 颜色 值 ， 并 使 用 _Saturation 
属性 在 其 和 上 一 步 得 到 的 颜色 之 间 进 行 插值 ， 从 而 得 到 希望 的 饱和 度 颜 色 。 对 比 度 的 处 理 类 似 ， 
我 们 首先 创建 一 个 对 比 度 为 0 的 颜色 值 (各 分 量 均 为 0.5)， 再 使 用 _Contrast 属性 在 其 和 上 一 步 得 
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到 的 颜色 之 间 进 行 插值 ， 从 而 得 到 最 终 的 处 理 结果 。 
(6) 最后， 我 们 关闭 该 Unity Shader 的 Fallback: 


| Fallback Off 


完成 后 返回 编辑 器 ， 并 把 Chapter12-BrightnessSaturationAndContrast 拖 电 到 摄像 机 的 Brightness 
SaturationAndContrast.cs 脚本 中 的 briSatConShader 参数 中 。 调 整 各 个 参数 后 ， 我 们 就 可 以 得 到 类 
似 图 12.1 中 的 效果 。 

在 上 面 的 实现 中 , 我 们 需要 手动 把 Shader 拖 昌 到 脚本 的 EC 


参数 上 。 为 了 在 以 后 的 使 用 中 ， 当 把 脚本 拖 点 到 摄像 机 上 时 。 二 Ce Cee ree] 
直接 使 用 对 应 的 Shader， 我 们 可 以 在 脚本 的 面板 中 设置 => 
Shader 参数 的 默认 值 ， 如 图 12.2 所 示 。 4 图 12.2 为 脚本 设置 Shader 的 默认 值 


中 司 边 络 检 测 


在 12.2 节 中 ， 我 们 已 经 学 习 了 如 何 实现 一 个 简 
单 的 屏幕 后 处 理 效果 。 在 本 节 中 ， 我 们 会 学 习 一 个 
常见 的 屏幕 后 处 理 效果 一 一 边缘 检测 。 边 缘 检 测 是 
描 边 效果 的 一 种 实现 方法 ， 在 本 节 结 束 后 ， 我 们 可 
以 得 到 类 似 图 12.3 中 的 效果 。 

边缘 检测 的 原理 是 利用 一 些 边缘 检测 算 子 对 图 


、 寺 4 2 了 D 本 Ee 4 图 12.3” 左 图 : 12.2 节 得 到 的 结果 ， 
A (convolution ) 操作 ， 我 们 首先 来 了 解 上 图， 进行 边缘 检测 后 的 效果 
和 从 契 入 。 


12.3.1 什么 是 卷 积 


在 图 像 处 理 中 ， 卷 积 操作 指 的 就 是 使 用 一 个 卷 积 核 kernel) 对 一 张 图 像 中 的 每 个 像素 进行 
一 系列 操作 。 卷 积 核 通常 是 一 个 四 方形 网 格 结构 (例如 2x2、3x3 的 方形 区 域 )， 该 区 域内 每 个 方 
格 都 有 一 个 权重 值 。 当 对 图 像 中 的 某 个 像素 进行 卷 积 时 , 我 们 会 把 卷 积 核 的 中 心 放置 于 该 像素 上 ， 
如 图 12.4 所 示 ， 翻 转 核 之 后 再 依次 计算 核 中 每 个 元 素 和 其 覆盖 的 图 像 像素 值 的 乘积 并 求 和 ， 得 到 
的 结果 就 是 该 位 置 的 新 像素 值 。 


| 


一 一 
一 个 3x3 的 卷 积 核 
一 个 5x5 的 图 像 进行 卷 积 计算 
4 图 12.4” 卷 积 核 与 卷 积 。 使 用 一 个 3x3 大 小 的 卷 积 核对 一 张 5x5 大 小 的 图 像 进 行 卷 积 操作 ， 当 计算 图 中 红色 方块 对 应 的 


像素 的 卷 积 结果 时 , 我 们 首先 把 卷 积 核 的 中 心 放置 在 该 像素 位 置 , 翻转 核 之 后 再 依次 计算 核 中 每 个 元 素 和 其 覆盖 的 图 像 像 
素 值 的 乘积 并 求 和 ， 得 到 新 的 像素 值 


这 样 的 计算 过 程 虽然 简单 ， 但 可 以 实现 很 多 常见 的 图 像 处 理 效果 ， 例 如 图 像 模 糊 、 边 缘 检 测 等 。 例 
如 ， 如 果 我 们 想 要 对 图 像 进行 均值 模糊 ， 可 以 使 用 一 个 3x3 的 卷 积 核 ， 核 内 每 个 元 素 的 值 均 为 9。 


12.3.2 ”常见 的 边缘 检测 算 子 
卷 积 操作 的 神奇 之 处 在 于 选择 的 卷 积 核 。 那 么 ， 用 于 边缘 检测 的 卷 积 核 〈 也 被 称 为 边缘 检测 


249 


I 


算 子 ) 应 该 长 什么 样 呢 ? 在 回答 这 个 问题 前 ， 我 们 可 以 首先 回想 一 下 边 到 底 是 如 何 形成 的 。 如 果 
相 令 像素 之 间 存 在 差别 明显 的 颜色 、 亮 度 、 纹理 等 属性 , 我 们 就 会 认为 它们 之 间 应 该 有 一 条 边界 。 
这 种 相 邻 像素 之 间 的 差 值 可 以 用 梯度 〈gradient) 来 表示 ， 可 以 想象 得 到 ， 边 缘 处 的 梯度 绝对 值 
会 比较 大 。 基 于 这 样 的 理解 ， 有 儿 种 不 同 的 边缘 检测 算 子 被 先后 提出 来 。 


Roberts Prewitt Sobel 
1|-1|-1 1I10|1 1|-2|-1 1|01|11 
1 1 
plofol fof) rololel falofal 
monilaon 回回 可 
G, G, G, G, 


到 12.5 3 种 常见 的 边缘 检测 算 子 


3 种 常见 的 边缘 检测 算 子 如 图 12.5 所 示 ， 它 们 都 包含 了 两 个 方向 的 卷 积 核 ， 分 别 用 于 检测 水 
平方 向 和 竖 直 方向 上 的 边缘 信息 。 在 进行 边缘 检测 时 ， 我 们 需要 对 每 个 像素 分 别 进行 一 次 卷 积 计 
算 ， 得 到 两 个 方向 上 的 梯度 值 C. 和 G,， 而 整体 的 梯度 可 按 下 面 的 公式 计算 而 得 : 
G=\G’+0’ 
由 于 上 述 计算 包含 了 开 根 号 操作 ， 出 于 性 能 的 考虑 ， 我 们 有 时 会 使 
号 操作 : 


绝对 值 操作 来 代 蔡 开 根 


Mp 


GG.1+|G, | 
当 得 到 梯度 G 后 ,我 们 就 可 以 据 此 来 判断 哪些 像素 对 应 了 边缘 (梯度 值 越 大 ， 越 有 可 能 是 边 
缘 点 )。 


12.3.3 ”实现 


本 节 将 会 使 用 Sobel 算 子 进行 边缘 检测 ， 实 现 描 边 效果 。 为 此 ， 我 们 需要 进行 如 下 准备 工作 。 
(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_12_3。 在 Unity 5.2 中 ， 默 认 情 况 下 场 
景 将 包含 一 个 摄像 机 和 一 个 平行 光 , 并 且 使 用 了 内 置 的 天 空 盒子 ,在 Window -> Lighting -> Skybox 
中 去 掉 场景 中 的 天 空 盒子 。 
(2) 把 本 书 资源 中 的 Assets/Textures/Chapter12/Sakura0.jpg 拖 忠 到 场景 中 ， 并 调整 它 的 位 置 使 
其 可 以 填充 整个 场景 。 注 意 ，Sakura0.jpg 的 纹理 类 型 已 被 设置 为 Sprite， 因 此 可 以 直接 拖 电 到 场 
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(3) 新 建 一 个 脚本 。 在 本 书 资源 中 , 该 脚本 名 为 EdgeDetection.cs。 把 该 脚本 拖 忠 到 摄像 机 上 。 
(4) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter12-EdgeDetection。 

我 们 首先 来 编写 EdgeDetection.cs 脚本 。 打 开 该 脚本 ， 并 进行 如 下 修改 。 

(1) 首先 ， 继 承 12.1 节 中 创建 的 基 类 : 


| public class EdgeDetection : PostEffectsBase { 


(2) 声明 该 效果 需要 的 Shader， 并 据 此 创建 相应 的 材质 : 


public Shader edgeDetectShader; 
private Material edgeDetectMaterial = null; 
public Material material { 
get { 
edgeDetectMaterial = CheckShaderAndCreateMaterial (edgeDetectShader, edgeDetectMaterial); 
return edgeDetectMaterial; 
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在 上 述 代 码 中 ，edgeDetectShader 是 我 们 指定 的 Shader ， 对 应 了 后 
Chapter12-EdgeDetection 。 
(3) 在 脚本 中 提供 用 于 调整 边缘 线 强 度 、 描 边 颜 色 以 及 背景 颜色 的 参数 : 


[Range (0.0f, 1.0f)] 
public float edgesOonly = 0.0f; 


public Color edgeColor = Color.black; 


public Color backgroundColor = Color.white; 


当 edgesOnly 值 为 0 时 ， 边 缘 将 会 姓 力 


巧 


外 将 会 实现 的 


在 原 泻 染 图 像 上 ; 当 edgesOnly 值 为 1 时 ， 则 会 只 显示 


边缘 ， 不 显示 原 泻 染 图 像 。 其 中 ， 背 景 颜 色 由 backgroundColor 指定 ， 边 缘 颜 色 由 edgeColor 指定 。 


(4) 最 后 ， 我 们 定义 OnRenderImage 函数 来 进行 真正 的 特效 处 理 ; 


void OnRenderImage (RenderTexture Src RenderTexture dest) { 
if (material != null) { 
material.SetFloat(" EdgeOnly", edgesOnly); 
material.SetColor(" EdgeColor", edgeColor); 
material.SetColor(" BackgroundColor", backgroundColor); 


Graphics.Blit(src, dest, material); 
} else { 
Graphics.Blitl(src, dest); 
} 
} 


每 


质 ， 再 ; 


(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 属性 : 


Properties { 
_MainTex ("Base (RGB)", 2D) = "white" {} 
_Edgeonly ("Edge Only", Float) = 1.0 
_EdgeColor ("Edge Color", Color) = (0, 0, 0, 1) 
_BackgroundColor ("Background Color", Color) = (1, 1, 1, 1) 
} 


_MainTex 对 应 了 输入 的 泻 染 纹理 。 
(2) 定义 用 于 屏幕 后 处 理 的 Pass， 设 置 相 关 的 泻 染 状态 : 


SubShader 
Pass { 
ZTest Always Cull Off 2Write Off 


(3) 为 了 在 代码 中 访问 各 个 属性 ， 我 们 需要 在 CG 代码 块 中 声明 对 应 的 变量 : 


sampler2D MainTex; 

half4 MainTex TexelSize; 
fixed EdgeOnly; 

fixed4 EdgeColor; 


fixed4 BackgroundColor; 


当 OnRenderImage 函数 被 调用 时 ， 它 会 检查 材质 是 否 可 用 。 如 果 可 用 ， 就 把 参数 传递 给 材 
周 用 Graphics.Blit 进行 处 理 ， 否 则 ， 直 接 把 原 图 像 显 示 到 屏幕 上 ， 不 做 任何 处 理 。 
下 面 ， 我 们 来 实现 Shader 的 部 分 。 打 开 Chapter12-EdgeDetection， 进 行 如 下 修改 。 


在 上 面 的 代码 中 ， 我 们 还 声明 了 一 个 新 的 变量 _ MainTex_TexelSize。xxx_TexelSize 是 Unity 


为 我 们 提供 的 访问 xxx 纹理 对 应 的 每 个 纹 素 的 大 小 。 例如, 一 张 512X512 大 小 的 纹理 , 该 值 大 约 


为 0.001 953( 即 1/512)。 由 于 卷 积 需要 对 相 邻 区 域内 的 纹理 进行 采样 ， 因 此 我 们 需要 利用 


_MainTex_TexelSize 来 计算 各 个 相 邻 区 域 的 纹理 坐标 。 
(4) 在 顶点 着 色 器 的 代码 中 ， 我 们 计算 了 边缘 检测 时 需要 的 纹理 坐标 : 


struct v2f { 
float4 pos : SV_POSITION; 


251 


宁 时 

half2 uv[9] TEXCOORDO 

}; 

v2f vert(lappdata img v) { 
V2 Os 
o.pos = mul (UNITY MATRIX MVP, Vv.vertex); 
half2 uv = Vv.texcoord; 
o.uv[0] = uv + MainTex TexelSize.xy * half2(-1, -1); 
o.uv[1] = uv + MainTex TexelSize.xy * half2(0, -1); 
o.uv[2] = uv + MainTex TexelSize.xy * half2(1, -1); 
o.uv[3] = uv _MainTex TexelSize.xy * half2(-1, 0); 
o.uv[4] = uv _MainTex TexelSize.xy * half2(0, 0); 
o.uv[5] = uv _MainTex TexelSize.xy * half2(1, 0); 
o.uv[6] = uv + MainTex TexelSize.xy * half2(-1, 1); 
o.uv[7] = uv + MainTex TexelSize.xy * half2(0, 1); 
o.uv[8] = uv + MainTex TexelSize.xy * half2(1, 1); 
return oOo; 

} 

我 们 在 v2f 结构 体 中 定义 了 一 个 维 数 为 9 的 纹理 数组 , 对 应 了 使 用 Sobel 算 子 采样 时 需要 的 9 
个 邻 域 纹理 坐标 。 通过 把 计算 采样 纹理 坐标 的 代码 从 片 元 着 色 器 中 转移 到 顶 扣 着 色 器 中 ， 可 以 减 
少 运算 ， 提 高 性 能 。 由 于 从 顶点 着 色 器 到 片 元 着 色 器 的 插值 是 线性 的 ， 因 此 这 样 的 转移 并 不 会 影 
响 纹理 坐标 的 计算 结 

(5) 片 元 着 色 器 是 我 们 的 重点 ， 它 的 代码 如 下 : 

fixed4 fragSobel (v2f i) »w SV, Target { 

half edge = Sobel (i)/; 

fixed4 withEdgeColor =/lerp(l(“EdgeColor, tex2D( MainTex, i.uv[4]), edge); 
fixed4 onlyEdgeColor =/ Lerp'l, EdgeColor, BackgroundColor, edge); 

return lerp(withEdgeColory’/onlyEdgeColor, EdgeOnly); 

} 

我 们 首先 调用 Sobel 函数 计算 当前 像素 的 梯度 值 edge， 并 利用 该 值 分 别 计算 了 背景 为 原 图 和 
纯色 下 的 颜色 值 , 然后 利用 _EdgeOnly 在 两 者 之 间 插 值得 到 最 终 的 像素 值 .Sobel 函数 将 利用 Sobel 
算 子 对 原 图 进行 边缘 检测 ， 它 的 定义 如 下 : 


fixed luminance (fixed4 color) { 
returh, v0Oy2125 WOO0LOrP.E "+ 0 VLD Ww COLTOE:G: + “007 2. * COOLTOR. NY? 
} 


half Sobel (v2f i) { 


Const. half GLl9] = {=1y. 2 Ly 
QR 0 Oy 
I 27 LL 
const half Gy[9] = {-1, 0, 1, 
2 OF a 2 
x 0, 册 浅 : 
half texColor; 
half eqgeX = 0; 
half edgeY = 0; 
for (Tnt Lit, = ,07 Tt < 9 Et A 
texColor = luminance (tex2D( MainTex, i.uv[it])); 
edgeX += texColor * Gx[it]; 
edgeY += texColor * Gy[it]; 
} 
half edge = 1 - abs (ledgex) - abs (edgeY); 


return edge; 
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我 们 首先 定义 了 水 平方 向 和 竖 直方 向 使 用 的 卷 积 核 G, 和 G,。 接 着 ， 我 们 依次 对 9 个 像素 进 
行 采样 ， 计 算 它们 的 亮度 值 ， 再 与 卷 积 核 G, 和 G, 中 对 应 的 权重 相 乘 后 ， 装 加 到 各 自 的 梯度 值 上 。 
最 后 ， 我 们 从 1 中 减 去 水 平方 向 和 竖 直 方向 的 梯度 值 的 绝对 值 ， 得 到 edge。edge 值 越 小 ， 表 明 该 
位 置 越 可 能 是 一 个 边缘 点 。 至 此 ， 边 缘 检测 过 程 结束 。 

(6) 当然， 我 们 也 关闭 了 该 Shader 的 Fallback: 


| Fallback Off 


完成 后 返回 编辑 器 , 并 把 Chapter12-EdgeDetection 拖 忠 到 摄像 机 的 EdgeDetection.cs 脚本 中 的 
edgeDetectShader 参数 中 。 当 然 ， 我 们 可 以 在 EdgeDetection.cs 的 脚本 面板 中 将 edgeDetectShader 
ee Chapter12-EdgeDetection， 这 样 就 不 5 

要 以 后 使 用 时 每 次 都 手动 拖 上 忠 了 。 图 12.6 显示 了 
0 参数 为 1 时 对 应 的 屏幕 效果 。 

需要 注意 的 是 , 本 节 实 现 的 边缘 检测 仅仅 利用 了 屏幕 
颜色 信息 ， 而 在 实际 应 用 中 ， 物 体 的 纹理 、 阴 影 等 信息 均 
会 影响 边缘 检测 的 结果 ， 使 得 结果 包含 许多 非 预 期 的 描 
边 。 为 了 得 到 更 加 准确 的 边缘 信息 ,我 们 往往 会 在 屏幕 的 
深度 纹理 和 法 线 纹 理 上 进行 边缘 检测 。 我 们 将 会 在 13.4 
节 中 实现 这 种 方法 。 4 图 12.6 ”只 显示 边缘 的 屏幕 效果 


中 站 高 斯 模 村 


在 12.3 节 中 ， 我 们 学 习 了 卷 积 的 概念 ， 并 利用 卷 积 实现 了 一 个 简单 的 边缘 检测 效果 。 在 本 节 
中 ， 我 们 将 学 习 卷 积 的 另 一 个 常见 应 用 高 斯 模糊 。 模 糊 的 实现 有 很 多 方法 ， 例 如 均值 模糊 和 
中 值 模糊 。 均 值 模糊 同样 使 用 了 卷 积 操作 ， 它 使 用 的 卷 积 核 中 的 各 个 元 素 值 都 相等 ， 且 相 加 等 于 
1， 也 就 是 说 ， 卷 积 后 得 到 的 像素 值 是 其 邻 域内 各 
个 像素 值 的 平均 值 。 而 中 值 模 糊 则 是 选择 邻 域内 对 
所 有 像素 排序 后 的 中 值 蔡 换 掉 原 颜色 。 一 个 更 高 级 
的 模糊 方法 是 高 斯 模糊 。 在 学 习 完 本 节 后 ， 我 们 可 
以 得 到 类 似 图 12.7 中 的 效果 。 


12.4.1 高 斯 滤波 4 图 12.7 左边 为 原 效果 ， 右 边 为 高 斯 模糊 后 的 效果 


高 斯 模糊 同样 利用 了 卷 积 计算 ， 它 使 用 的 卷 积 核 名 为 高 斯 核 。 高 斯 核 是 一 个 正方 形 大 小 的 滤 
波 核 ， 其 中 每 个 元 素 的 计算 都 是 基于 下 面 的 高 斯 方程 : 


1 3 
G(x,y)= 6 29 
. 27a? 


其 中 ，o 是 标准 方差 (一 般 取 值 为 1 )，x 和 y 分 别 对 应 了 当前 位 置 到 卷 积 核 中 心 的 整数 距离 。 
要 构建 一 个 高 斯 核 ， 我 们 只 需要 计算 高 斯 核 中 各 个 位 置 对 应 的 高 斯 值 。 为 了 保证 滤波 后 的 图 像 不 
会 变 暗 ， 我 们 需要 对 高 斯 核 中 的 权重 进行 归 一 化 ， 即 让 每 个 权重 除 以 所 有 权重 的 和 ， 这 样 可 以 保 
证 所 有 权重 的 和 为 1。 因 此 ， 高 斯 函数 中 e 前 面 的 系数 实际 不 会 对 结果 有 任何 影响 。 图 12.8 显示 
了 一 个 标准 方差 为 1 的 5x5 大 小 的 高 斯 核 。 

高 斯 方程 很 好 地 模拟 了 领域 每 个 像素 对 当前 处 理 像 素 的 影响 程度 


n 


距离 越 近 ， 影 响 越 大 。 
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高 斯 核 的 维 数 越 高 ,模糊 程度 越 大 。 使 用 一 个 NxN 的 高 斯 核对 图 像 进行 卷 积 滤波 ,就 需要 NxNxWxH 
(W 和 瑟 分 别 是 图 像 的 宽 和 高 次 纹理 采样 。 当 N 的 大 小 不 断 增 加 时 ， 和 采样 次 数 会 变 得 非常 巨大 。 


幸运 的 是 ， 我 们 可 以 把 这 个 二 维 高 斯 函数 拆 分 成 两 个 一 维 函 数 。 也 就 是 说 ， 我 们 可 以 使 用 两 个 一 维 
的 高 斯 核 (图 12.8 中 的 右 图 ) 先后 对 图 像 进行 滤波 ,它们 得 到 的 结果 和 直接 使 用 二 维 高 斯 核 是 一 样 
的 ， 但 采样 次 数 只 需要 2xNxWxH。 我 们 可 以 进一步 观察 到 ， 两 个 一 维 高 斯 核 中 包含 了 很 多 重复 的 


权重 。 对 于 一 个 大 小 为 5 的 一 维 高 斯 核 ， 我 们 实际 只 需要 记录 3 个 权重 值 即 可 。 


0.0030 | 0.0133 | 0.0219 | 0.0133 | 0.0030 
0.0133 | 0.0596 | 0.0983 | 0.0596 | 0.0133 


一 
加 四 四 回 可 

加 加 回回 可 
全 | 冬 


12.8 一 个 5x5 大 小 的 高 斯 核 。 左 图 显示 了 标准 方差 为 1 的 高 斯 核 的 权重 分 7 

我 们 可 以 把 这 个 二 维 高 斯 核 拆 分 成 两 个 一 维 的 高 斯 核 ( 右 图 ) 
在 本 节 , 我 们 将 会 使 用 上 述 5x5. 的 高 斯 核对 原 图 像 进行 高 斯 模糊 ,我们 将 先后 调用 两 个 Pass， 
第 一 个 Pass 将 会 使 用 竖 直 方向 的 王 维 高 斯 核对 图 像 进行 滤波 ， 第 二 个 Pass 再 使 用 水 平方 向 的 
维 高 斯 核对 图 像 进行 滤波 ， 得 到 最 终 的 目标 图 像 。 在 实现 中 ， 我 们 还 将 利用 图 像 缩放 来 进一步 提 
高 性 能 ， 并 通过 调整 高 斯 滤波 的 应 用 次 数 来 控制 模糊 程度 《次 数 越 多 ， 图 像 越 模糊 )。 


庆 


12.4.2 ”实现 

为 此 ， 我 们 需要 进行 如 下 准备 工作 。 

(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_12_4。 在 Unity 5.2 中 ,默认 情况 下 场 
景 将 包含 一 个 摄像 机 和 一 个 平行 光 , 并 且 使 用 了 内 置 的 天 空 盒 子 。. 在 Window 一 Lighting 一 Skybox 
中 去 掉 场 景 中 的 天 空 盒子 。 

(2) 把 本 书 资源 中 的 Assets/Textures/Chapter12/Sakural.jpg 拖 忠 到 场景 中 ， 并 调整 的 位 置 使 其 
可 以 填充 整个 场景 。 注 意 ，Sakural.jpg 的 纹理 类 型 已 被 设置 为 Sprite， 因 此 可 以 直接 拖 上 忠 到 场景 ! 

(3) 新 建 一 个 脚本 。 在 本 书 资源 中 ， 该 脚本 名 为 GaussianBlur.cs。 把 该 脚本 拖 忠 到 摄像 机 上 。 

(4) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter12-GaussianBlur。 

我 们 首先 来 编写 GaussianBlurcs 脚本 。 打 开 该 脚本 ， 并 进行 如 下 修改 。 

(1) 首先 ， 继 承 12.1 节 中 创建 的 基 类 : 
| public class GaussianBlur : PostEffectsBase { 

(2) 声明 该 效果 需要 的 Shader， 并 据 此 创建 相应 的 材质 : 


public Shader gaussianBlurShader; 
private Material gaussianBlurMaterial = null; 


o 


public Material material { 
get { 
gaussianBlurMaterial = CheckShaderAndCreateMaterial (gaussianBlurShader, 
gaussianBlurMaterial); 
return gaussianBlurMaterial; 


254 


在 上 述 代码 中 ，gaussianBlurShader 是 我 们 指定 的 shader， 对 应 了 后 面 将 会 实现 的 
Chapter12-GaussianBlur。 
(3) 在 脚本 中 ， 我 们 还 提供 了 调整 高 斯 模糊 迭代 次 数 、 模 糊 范围 和 缩放 系数 的 参数 : 


// Blur iterations - larger number means more blur. 
[Range (0, 4)] 
public int iterations = 3; 


// Blur spread for each iteration - larger value means more blur 
[Range (0.2f, 3.0f)] 
public float blurSpread = 0.6f; 


[Range (1, 8)] 
public int downSample = 2; 


blurSpread 和 downSample 都 是 出 于 性 能 的 考虑 。 在 高 斯 核 维 数 不 变 的 情况 下 ，_BlurSize 越 
大 ， 模 糊 程度 越 高 ， 但 采样 数 却 不 会 受到 影响 。 但 过 大 的 _BlurSize 值 会 造成 虚 影 ， 这 可 能 并 不 是 
我 们 希望 的 。 而 downSample 越 大 ， 需 要 处 理 的 像素 数 越 少 ， 同 时 也 能 进一步 提高 模糊 程度 ， 但 
过 大 的 downSample 可 能 会 使 图 像 像素 化 。 

(4) 最 后 ， 我 们 需要 定义 关键 的 OnRenderImage 函数 。 我 们 首先 来 看 第 一 个 版 本 ， 也 就 是 最 
简单 的 OnRenderImage 的 实现 : 


/// lst edition: just apply blur 
void OnRenderImage (RenderTexture src, RenderTexture dest) { 
if (material != null) { 
int rtW = src.width; 
int rtH = src.height; 
RenderTexture buffer = RenderTexture.GetTemporary (rtW, rtH, 0); 


// Render the vertical pass 
Graphics.Blitl(src, buffer, material, 0); 
// Render the horizontal pass 
Graphics.Blit (buffer, dest, material, 1); 


RenderTexture.ReleaseTemporary (buffer); 
} else { 
Graphics.Blit(src, dest); 
} 
} 


与 上 两 节 的 实现 不 同 ,我们 这 里 利用 RenderTexture.GetTemporary 函数 分 配 了 一 块 与 屏幕 图 像 
大 小 相同 的 缓冲 区 。 这 是 因为 ， 高 斯 模糊 需要 调用 两 个 Pass， 我 们 需要 使 用 一 块 中 间 组 存 来 存储 
第 一 个 Pass 执行 完毕 后 得 到 的 模糊 结果 。 如 代码 所 示 ， 我 们 首先 调用 Graphics.Blit(src，buffer， 
material，0)， 使 用 Shader 中 的 第 一 个 Pass〔 即 使 用 竖 直 方向 的 一 维 高 斯 核 进 行 滤波 ) 对 src 进行 
处 理 , 并 将 结果 存储 在 了 buffer 中 。 然后, 再 调用 Graphics.Blit(buffer, dest, material, 1), 使 用 Shader 
中 的 第 二 个 Pass《 即 使 用 水 平方 向 的 一 维 高 斯 核 进 行 滤波 ) 对 buffer 进行 处 理 ， 返 回 最 终 的 屏幕 
图 像 。 最 后 ， 我 们 还 需要 调用 RenderTexture.ReleaseTemporary 来 释放 之 前 分 配 的 缓存 。 

(5) 在 理解 了 上 述 代 码 后 , 我 们 可 以 实现 第 二 个 版 本 的 OnRenderImage 函数 。 在 这 个 版 本 中 ， 
我 们 将 利用 缩放 对 图 像 进行 降 采样 ， 从 而 减少 需要 处 理 的 像素 个 数 ， 提 高 性 能 。 


/// 2nd edition: scale the render texture 
void OnRenderImage (RenderTexture src, RenderTexture dest) { 
if (material != null) { 
int rtW = src.width/downSample; 
int rtH = src.height/downSample; 
RenderTexture buffer = RenderTexture.GetTemporary (rtW, rtH, 0); 
buffer.filterMode = FilterMode.Bilinear; 


// Render the vertical pass 
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Graphics.Blitl(src, buffer, material, 0); 
// Render the horizontal pass 
Graphics.Blit (buffer, dest, material, 1); 


RenderTexture.ReleaseTemporary (buffer); 
} else { 
Graphics.Blit(src, dest); 
} 


与 第 一 个 版 本 代码 不 同 的 是 , 我 们 在 声明 缓冲 区 的 大 小 时 , 使 用 了 小 于 原 屏幕 分 辩 率 的 尺寸 ， 
并 将 该 临时 泻 染 纹理 的 滤波 模式 设置 为 双 线 性 。 这 样 ， 在 调用 第 一 个 Pass 时 ,我 们 需要 处 理 的 像 
素 个 数 就 是 原来 的 几 分 之 一 。 对 图 像 进 行 降 采 样 不 仅 可 以 减少 需要 处 理 的 像素 个 数 ， 提 高 性 能 ， 

而 且 适 当 的 降 采 样 往往 还 可 以 得 到 更 好 的 模糊 效果 。 尽 管 downSample 值 越 大 ， 性 能 越 好 ， 但 过 
大 的 downSample 可 能 会 造成 图 像 像素 化 。 

(6) 最 后 一 个 版 本 的 代码 还 考虑 了 高 斯 模糊 的 迭代 次 数 : 


/// 3rd edition: use iterations for larger blur 
void OnRenderImage (RenderTexture src, RenderTexture dest) { 
If (material != null) { 
int rtW = src.width/downSample; 
int rtH = src.height/downSample; 


上 上 


RenderTexture buffer0 = RenderTexture.GetTemporary (rtW, rtH, 0); 
buffer0.filterMode = FilterMode.Bilinear; 


Graphics.Blitl(src, buffer0); 


for (int i = 0; i < iterations; i++) { 
material.SetFloat'\("YBlurSize", 1.0f + i * blurSspread); 


RenderTexture butférl1 = RenderTexture.GetTemporary (rtW, rtH, 0); 


// Render the vertiecal pass 
Graphics.Blit (buffer0y bufferl, material, 0); 


RenderTexture.ReleaseTemporary (buffer0); 
buffer0 = bufferl; 
bufferl = RenderTexture.GetTemporary (rtW, rtH, 0); 


// Render the horizontal pass 
Graphics.Blit (buffer0, bufferl, material, 1); 


RenderTexture.ReleaseTemporary (buffer0); 
puffer0 = bufferl; 
} 


Graphics.Blit (buffer0, dest); 

RenderTexture.ReleaseTemporary (buffer0); 
else { 

Graphics.Blitl(src, dest); 


上 面 的 代码 显示 了 如 何 利用 两 个 临时 缓存 在 迭代 之 间 进 行 交 检 的 过 程 。 在 迭代 开始 前 ， 我 们 
首先 定义 了 第 一 个 缓存 buffer0， 并 把 src 中 的 图 像 缩 放 后 存储 到 buffer0 中 。 在 迭代 过 程 中 ， 我 们 
又 定义 了 第 二 个 缓存 bufferl 。 在 执行 第 一 个 Pass 时 ， 输 入 是 buffer0， 输 出 是 buffer1， 完 毕 后 首 
先 把 buffer0 释放 ， 再 把 结果 值 bufferl 存储 到 buffer0 中 ， 重 新 分 配 buffer1， 然 后 再 调用 第 二 个 
Pass， 重 复 上 述 过 程 。 和 迭代 完成 后 ，buffer0 将 存储 最 终 的 图 像 ， 我 们 再 利用 Graphics.Blit(buffer0， 
desb 把 结果 显示 到 屏幕 上 ， 并 释放 缓存 。 

下 面 ， 我 们 来 实现 Shader 的 部 分 。 打 开 Chapter12-GaussianBlur， 进 行 如 下 修改 。 


二 
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(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 属性 : 


Properties { 
_MainTex ("Base (RGB)", 2D) = "white" {} 
BiurSize: ("Blur Sit2zey FLOoat). = ,0 

} 


_MainTex 对 应 了 输入 的 泻 染 纹理 。 
(2) 在 本 节 中 ， 我 们 将 第 一 次 使 用 CGINCLUDE 来 组 织 代码 。 我 们 在 SubShader 块 中 利用 
CGINCLUDE 和 ENDCG 语义 来 定义 一 系列 代码 : 


SubShader { 
CGINCLUDE 


ENDCG 


这 些 代 码 不 需要 包含 在 任何 Pass 语义 块 中 ， 在 使 用 时 ， 我 们 只 需要 在 Pass 中 直接 指定 需要 
使 用 的 顶点 着 色 器 和 片 元 着 色 器 函数 名 即 可 。CGINCLUDE 类 似 于 C++ 中 头 文件 的 功能 。 由 于 高 
斯 模糊 需要 定义 两 个 Pass， 但 它们 使 用 的 片 元 着 色 器 代码 是 完全 相同 的 ， 使 用 CGINCLUDE 可 以 
避免 我 们 编写 两 个 完全 一 样 的 frag 函数 。 

(3) 在 CG 代码 块 中 ， 定 义 与 属性 对 应 的 变量 : 


sampler2D MainTex; 
half4 MainTex TexelSize; 
float BlurSize; 


由 于 要 得 到 相 邻 像素 的 纹理 坐标 ， 我 们 这 里 再 一 次 使 用 了 Unity 提供 的 _MainTex_TexelSize 
变量 ， 以 计算 相 邻 像素 的 纹理 坐标 偏 移 量 。 
(4) 分 别 定 义 两 个 Pass 使 用 的 顶点 着 色 器 。 下 面 是 竖 直 方向 的 顶点 着 色 器 代码 : 


FY cn Ke pi 2 
float4 pos : SV POSITION: 
half2 uv[5]: TEXCOORDO; 

}; 


v2f vertBlurVertical (appdata img v) { 
VE Oe 
如 OS 二 mul (UNITY MATRIX MVP, Vv.vertex); 


half2 uv = v.texcoord; 


o.uv[0] = uv; 

Oo.uv[1] = uv + float2(0.0, MainTex TexelSize.y * 1.0) * BlurSize; 
o.uv[2] = uv - float2(0.0, MainTex TexelSize.y * 1.0) * BlurSize; 
o.uv[3] = uv + float2(0.0, MainTex TexelSize.y * 2.0) * BlurSize; 
o.uv[4] = uv - float2(0.0, MainTex TexelSize.y * 2.0) * BlurSize; 


return o; 


} 


在 本 节 中 我 们 会 利用 5x5 大 小 的 高 斯 核对 原 图 像 进行 高 斯 模糊 , 而 由 12.4.1 节 可 知 , 一 个 5x5 
的 二 维 高 斯 核 可 以 拆 分 成 两 个 大 小 为 5 的 一 维 高 斯 核 ， 因 此 我 们 只 需要 计算 5 个 纹理 坐标 即 可 。 

为 此 ， 我 们 在 v2f 结构 体 中 定义 了 一 个 5 维 的 纹理 坐标 数组 。 数 组 的 第 一 个 坐标 存储 了 当前 的 采 
样 纹理 ， 而 剩余 的 四 个 坐标 则 是 高 斯 模糊 中 对 邻 域 采样 时 使 用 的 纹理 坐标 。 我 们 还 和 属性 _BlurSize 
相 乘 来 控制 采样 距离 。 在 高 斯 核 维 数 不 变 的 情况 下 ，_BlurSize 越 大 ， 模 糊 程 度 越 高 ， 但 采样 数 却 
不 会 受到 影响 。 但 过 大 的 _BlurSize 值 会 造成 虚 影 ， 这 可 能 并 不 是 我 们 希望 的 。 通 过 把 计算 采样 纹 
里 能 标的 代码 从 片 元 着 色 器 中 转移 到 顶点 着 色 器 中 ， 可 以 减少 运算 ， 提 高 性 能 。 由 于 从 顶点 着 色 
器 到 片 元 着 色 器 的 插值 是 线性 的 ， 因 此 这 样 的 转移 并 不 会 影响 纹理 坐标 的 计算 结 
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水 平方 向 的 顶点 着 色 器 和 上 面 的 代码 类 似 ， 只 是 在 计算 4 个 纹理 坐标 时 使 用 了 水 平方 向 的 纹 
素 大 小 进行 纹理 偏 移 。 
(5) 定义 两 个 Pass 共用 的 片 元 着 色 器 : 


fixed4 fragBlur(v2f i) : SV Target { 
float weight[3] = {0.4026, 0.2442, 0.0545}; 


fixed3 sum = tex2D( MainTex, i.uv[0]).rgb * weight[0]; 


for ‘(Lnt /Ft Se Ly EA 
Sum += tex2D( MainTex, i.uv[it]).rgb * weight [it]; 
Sum += tex2D( MainTex, i.uv[2*it]).rgb * weight[it]; 
} 


return fixed4 (sum, 1.0); 


I 


由 12.4.1 节 可 知 ， 一 个 5x5 的 二 维 高 斯 核 可 以 拆 分 成 两 个 大 小 为 5 的 一 维 高 期 核 ， 并 且 由 了 
它 的 对 称 性 ， 我 们 只 需要 记录 3 个 高 斯 权重 ， 也 就 是 代码 中 的 weight 变量 。 我 们 首先 声明 了 各 个 
邻 域 像素 对 应 的 权重 weight， 然 后 将 结果 值 sum 初始 化 为 当前 的 像素 值 乘 以 它 的 权重 值 。 根 据 对 
称 性 ， 我 们 进行 了 两 次 迭代 ， 每 次 迭代 包含 了 两 次 纹理 采样 ， 并 把 像素 值 和 权重 相 乘 后 的 结果 对 
加 到 sum 中 。 最 后 ， 函 数 返回 滤波 结果 sum。 

(6) 然后 ， 我 们 定义 了 高 斯 模糊 使 用 的 两 个 Pass: 


ZTest Always Cull Off ZWrite Off 


和 


Pass { 
NAME "GAUSSIAN _ BLUR/ VERTICAL" 


CGPROGRAM 


#pragma vertex vertBlurVertical 
#pragma fragment fragBTuz 


ENDCG 
} 


Pass { 
NAME “GAUSSIAN BLUR HORIZONTAL" 


CGPROGRAM 


#pragma vertex vertBlurHorizontal 
#pragma fragment fragBlur 


ENDCG 


注意 ， 我 们 仍然 首先 设置 了 泻 染 状 态 。 和 之 前 实现 不 同 的 是 ， 我 们 为 两 个 Pass 使 用 NAME 
语义 ( 见 3.3.3 节 ) 定义 了 它们 的 名 字 。 这 是 因为 ， 高 斯 模糊 是 非常 常见 的 图 像 处 理 操 作 ， 很 多 屏 
幕 特效 都 是 建立 在 它 的 基础 上 的 ， 例 如 Bloom 效果 ( 见 12.5 节 )。 为 Pass 定义 名 字 ， 可 以 在 其 他 
Shader 中 直接 通过 它们 的 名 字 来 使 用 该 Pass， 而 不 需要 再 重复 编写 代码 。 

(7) 最 后 ， 关 闭 该 Shader 的 Fallback: 


| Fallback Off 


完成 后 返回 编辑 器 ， 并 把 Chapter12-GaussianBlur 拖 忠 到 摄像 机 的 GaussianBlur.cs 脚本 中 的 
gaussianBlurShader 参数 中 。 当然, 我们 可 以 在 GaussianBlurcs 的 脚本 面板 中 将 gaussianBlurShader 
参数 的 默认 值 设 置 为 Chapter12-GaussianBlur， 这 样 就 不 需要 以 后 使 用 时 每 次 都 手动 拖 忠 了 。 
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12.5 “Bloom 效果 


Bloom 特效 是 游戏 中 常见 的 一 种 屏幕 效果 。 这 种 特效 可 以 模拟 真实 摄像 机 的 一 种 图 像 效果 ， 
它 让 画面 中 较 亮 的 区 域 “ 扩 散 ” 到 周围 的 区 域 中 ， 造 成 一 种 滕 胱 的 效果 。 图 12.9 给 出 了 动画 短片 
《大 象 之 梦 》( 英 文 名 : Elephants Dream) 中 的 一 个 Bloom 效果 。 

本 节 将 会 实现 一 个 基本 的 Bloom 特效 ， 在 学 习 完 本 节 后 ， 我 们 可 以 得 到 类 似 图 12.10 中 的 效果 。 


ee 


4 图 12.9 动画 短片 《大 象 之 梦 》 中 的 Bloom 效果 ， 4 图 12.10 ”左边 为 原 效果 ， 
光线 透 过 门 扩散 到 了 周围 较 暗 的 区 域 中 右边 为 Bloom 处 理 后 的 效果 


Bloom 的 实现 原理 非常 简单 : 我 们 首先 根据 一 个 阅 值 提取 出 图 像 中 的 较 亮 区 域 ， 把 它们 存储 
在 一 张 演 染 纹 理 中 ， 再 利用 高 斯 模糊 对 这 张 泻 染 纹 理 进 行 模糊 处 理 ， 模 拟 光 线 扩散 的 效果 ， 最 后 
再 将 其 和 原 图 像 进 行 混 合 ， 得 到 最 终 的 效果 。 

为 此 ， 我 们 需要 进行 如 下 准备 工作 。 

(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_12_5。 在 Unity 5.2 中 ， 默 认 情 况 下 场 
景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 Window 一 Lighting 一 
Skybox 中 去 掉 场 景 中 的 天 空 盒子 。 

(2) 把 本 书 资源 中 的 Textures/Chapter12/Sakural.jpg 拖 忠 到 场景 中 ,并 调整 它 的 位 置 使 其 可 以 
填充 整个 场景 。 注 意 ，Sakural.jpg 的 纹理 类 型 已 被 设置 为 Sprite， 因 此 可 以 直接 拖 忠 到 场景 中 。 
(3) 新 建 一 个 脚本 。 在 本 书 资源 中 ， 该 脚本 名 为 Bloom.cs。 把 该 脚本 拖 忠 到 摄像 机 上 。 

(4) 新 建 一 个 Unity Shader。 在 本 书 资 源 中 ， 该 Shader 名 为 Chapter12-Bloom。 
我 们 首先 来 编写 Bloom.cs 脚本 。 打 开 该 脚本 ， 并 进行 如 下 修改 。 
(1) 首先 ， 继 承 12.1 节 中 创建 的 基 类 : 


| public class Bloom : PostEffectsBase { 


(2) 声明 该 效果 需要 的 Shader， 并 据 此 创建 相应 的 材质 : 


public Shader bloomShader; 
private Material bloomMaterial = null; 
public Material material { 
get { 
bloomMaterial = CheckShaderAndCreateMaterial (bloomShader, bloomMaterial); 
return bloomMaterial; 


} 


在 上 述 代码 中 , bloomShader 是 我 们 指定 的 Shader, 对 应 了 后 面 将 会 实现 的 Chapter12-Bloom。 
(3) 由 于 Bloom 效果 是 建立 在 高 斯 模糊 的 基础 上 的 , 因此 脚本 中 提供 的 参数 和 12.4 节 中 的 几 
乎 完全 一 样 ， 我 们 只 增加 了 一 个 新 的 参数 luminanceThreshold 来 控制 提取 较 亮 区 域 时 使 用 的 阔 值 
大 小 : 
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// Blur iterations - larger number means more blur. 
Range (0, 4)] 
public int iterations = 3; 


// Blur spread for each iteration - larger value means more blur 
Range (0 .2f, 3.0f)] 
public float blurSpread = 0.6f; 


Range (1, 8)] 
public int downSample = 2; 


Range (0 .0f, 4.0f)] 
public float luminanceThreshold = 0.6f; 


尽管 在 绝 大 多 数 情况 下 ， 图 像 的 亮度 值 不 会 超过 1。 但 如 果 我 们 开启 了 HDR， 硬 件 会 允许 我 
们 把 颜色 值 存储 在 一 个 更 高 精度 范围 的 缓冲 中 ， 此 时 像素 的 亮度 值 可 能 会 超过 1。 因 此 ， 在 这 里 
我 们 把 luminanceThreshold 的 值 规定 在 [0, 4] 范 围 内 。 更 多 关于 HDR 的 内 容 ， 可 以 参见 18.4.3 节 。 
(4) 最 后 ， 我 们 需要 定义 关键 的 OnRenderImage 函数 ; 


void OnRenderImage (RenderTexture Src RenderTexture dest) { 
if (material != null) { 
material.SetFloat(" LuminanceThreshold", luminanceThreshold); 


int rtw 
int rtH 


= src.width/downSample; 

= src.height/downSample; 

RenderTexture buffer0 = RenderTexture.GetTemporary (rtW, rtH, 0); 
buffer0.filterMode = FilterMode.Bilinear; 


Graphics.Blit(srcs buffer0, smaterial, 0); 


for (int i = 0;i <,itératiens; i++) { 
material.SetFloat/(". BlurSsize", 1.0f + i * blurSspread); 


RenderTexture bufferi = RenderTexture.GetTemporary (rtW, rtH, 0); 


// Render the vertical pass 
Graphics.Blit (buffer0, bufferl, material, 1); 


RenderTexture.ReleaseTemporary (buffer0); 
buffer0 = bufferl; 
bufferl = RenderTexture.GetTemporary (rtW, rtH, 0); 


// Render the horizontal pass 
Graphics.Blit (buffer0, bufferl, material, 2); 


RenderTexture.ReleaseTemporary (buffer0); 
buffer0 = bufferl; 
| 


material.SetTexture (" Bloom", buffer0); 
Graphics.Blit (src, dest, material, 3); 


RenderTexture.ReleaseTemporary (buffer0); 
else { 
Graphics.Blitl(src, dest); 


上 面 的 代码 和 12.4 节 中 进行 高 斯 模糊 时 使 用 的 代码 基本 相同 ， 但 进行 了 一 些 修改 。 我 们 前 画 
提 到 ，Bloom 效果 需要 3 个 步骤 首先， 提取 图 像 中 较 亮 的 区 域 ， 因 此 我 们 没有 像 12.4 节 那 样 直 
接 对 src 进行 降 采 样 ， 而 是 通过 调用 Graphics.Blit(src, buffer0, material, 0) 来 使 用 Shader 中 的 第 一 
个 Pass 提取 图 像 中 的 较 亮 区 域 , 提取 得 到 的 较 亮 区 域 将 存储 在 buffer0 中 。 然后 , 我 们 进行 和 12.4 
节 中 完全 一 样 的 高 斯 模糊 迭代 处 理 ， 这 些 Pass 对 应 了 Shader 的 第 二 个 和 第 三 个 Pass。 模 糊 后 的 
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较 亮 区 域 将 会 存储 在 buffer0 中 ， 此 时 ， 我 们 再 把 buffer0 传递 给 材质 中 的 _Bloom 纹理 属性 ， 并 调 
用 Graphics.Blit (src, dest material, 3) 使 用 Shader 中 的 第 四 个 Pass 来 进行 最 后 的 混合 ,将 结果 存储 
在 目标 泻 染 纹 理 dest 中 。 最 后 ， 释 放 临 时 缓存 。 

下 面 ， 我 们 来 实现 Shader 的 部 分 。 打 开 Chapter12-Bloom， 进 行 如 下 修改 。 

(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 属性 : 


Properties { 


_MainTex ("Base (RGB)", 2D) = "white" {} 
_Bloom ("Bloom (RGB)", 2D) = "black" {} 
_LuminanceThreshold ("Luminance Threshold", Float) = 0.5 


_BlurSize ("Blur Size", Float) = 1.0 
} 


_MainTex 对 应 了 输入 的 演 染 纹理 。_Bloom 是 高 斯 模糊 后 的 较 亮 区 域 ，_ LuminanceThreshold 
是 用 于 提取 较 亮 区 域 使 用 的 阔 值 , 而 _BlurSize 和 12.4 节 中 的 作用 相同 , 用 于 控制 不 同 迭 代 之 间 高 
斯 模糊 的 模糊 区 域 范 围 。 

(2) 在 本 节 中 ， 我 们 仍然 使 用 CGINCLUDE 来 组 织 代码 。 我 们 在 SubShader 块 中 利 
CGINCLUDE 和 ENDCG 语义 来 定义 一 系列 代码 : 


SubShader { 
CGINCLUDE 


IN] 
局 


ENDCG 


(3) 声明 代码 中 需要 使 用 的 各 个 变量 ， 


sampler2D MainTex; 

half4 MainTex TexelSize; 
sampler2D _Bloom; 

float LuminanceThreshold; 
float BlurSize; 


(4) 我 们 首先 定义 提取 较 亮 区 域 需 要 使 用 的 顶点 着 色 器 和 片 元 着 色 器 : 


struct ZE 
float4 pos : SV_POSITION; 
half2 uv : TEXCOORDO; 

}; 


v2f vertExtractBright (appdata img v) { 
2 


QPOs = mul (UNITY MATRIX MVP, Vv.vertex); 
O.UV = Vv.texcoord; 


return oO 


} 


fixed luminance (fixed4 color) { 
FEUrn .02120. 3 ?ECOLOF; 人 EF OTL0d * COTOE Gt O021 COLOr. Db 
} 


fixed4 fragExtractBright (v2f i) : SV Target { 
fixed4 c = tex2D( MainTex, i.uv); 


fixed val = clamp (luminance(c) - LuminanceThreshold, 0.0, 1.0); 


return C * val; 


} 


顶点 着 色 器 和 之 前 的 实现 完全 相同 。 在 片 元 着 色 器 中 ， 我 们 将 采样 得 到 的 亮度 值 减 去 阔 值 
_LuminanceThreshold， 并 把 结果 截取 到 0 一 1 范围 内 。 然 后 ， 我 们 把 该 值 和 原 像素 值 相 乘 ， 得 到 
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提取 后 的 亮 部 区 域 。 
(5) 然后 ， 我 们 定义 了 混合 亮 部 
struct v2fBloom { 


float4 pos : SV _ POSITION; 
half4 uv : TEXCOORDO; 


现 


像 和 原 图 像 时 使 用 的 顶点 着 色 器 和 片 元 着 色 器 : 


上 


v2fBloom vertBloom(appdata img v) { 
v2fBloom o; 


oOo.pos = mul (UNITY MATRIX MVP, Vv.vertex); 

O.UV.Xy = V.texcoord; 

O.UV.ZW = V.texcoord; 

#if UNITY UV_ STARTS AT_ TOP 

if ( MainTex TexelSize.y < 0.0) 
O.UV.W= 1.0 - oO.uVv.w; 

#endif 


return o; 


} 


fixed4 fragBloom(v2fBloom i) : SV Target { 
return tex2D( MainTex, i.uv.xy) + tex2D( Bloom, i.uv.zw); 


} 


这 里 使 用 的 顶点 着 色 器 与 之 前 的 有 所 不 同 , 我 们 定义 了 两 个 纹理 坐标 , 并 存储 在 同一 个 类 型 为 half4 
的 变量 uv 中 。 它 的 xy 分 量 对 应 了 _MainTex， 即 原 图 像 的 纹理 坐标 。 而 它 的 zw 分 量 是 _ Bloom， 即 模糊 
后 的 较 亮 区 域 的 纹理 坐标 。 我 们 需要 对 这 个 纹理 坐标 进行 平台 差异 化 处 理 〈 详 见 5.6.1 节 )。 
片 元 着 色 器 的 代码 就 很 简单 了 .我们 只 需要 把 两 张 纹理 的 采样 结果 相 加 混合 即 可 。 
(6) 接着 ， 我 们 定义 了 Bloom 效果 需要 的 4 个 Pass: 


ZTest Always Cull Off ZWrite Off 


um 


Pass { 
CGPROGRAM 
#pragma vertex vertExtractBright 
#pragma fragment fragExtractBright 


ENDCG 
} 


UsePass "Unity Shaders Book/Chapter 12/Gaussian Blur/GAUSSIAN BLUR VERTICAL" 
UsePass "Unity Shaders Book/Chapter 12/Gaussian Blur/GAUSSIAN BLUR HORIZONTAL" 
Pass { 

CGPROGRAM 

#pragma vertex vertBloom 


#pragma fragment fragBloom 


ENDCG 


其 中 ， 第 二 个 和 第 三 个 Pass 我 们 直接 使 用 了 12.4 节 高 斯 模糊 中 定义 的 两 个 Pass， 这 是 通过 
UsePass 语义 指明 它们 的 Pass 名 来 实现 的 。 需要 注意 的 是 , 由 于 Unity 内 部 会 把 所 有 Pass 的 Name 
转换 成 大 写字 母 表 示 ， 因 此 在 使 用 UsePass 命令 时 我 们 必须 使 用 大 写 形式 的 名 字 。 

(7) 最 后 ， 我 们 关闭 了 该 Shader 的 Fallback: 


| Fallback Off 


完成 后 返回 编辑 器 ， 并 把 Chapter12-Bloom 拖 忠 到 摄像 机 的 Bloom.cs 脚本 中 的 bloomShader 
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参数 中 。 当 然 ， 我 们 可 以 在 Bloom.cs 的 脚本 面板 中 


各 bloomShader 参数 的 默认 值 设 置 为 


Chapter12-Bloom， 这 样 就 不 需要 以 后 使 用 时 每 次 都 手动 拖 电 了 。 


站 DD 运动 模 机 


运动 模糊 是 真实 世界 中 的 摄像 机 的 一 种 效果 。 如 果 在 


摄像 机 曝光 时 ， 拍 摄 场景 发 生 了 变化 ， 


就 会 产生 模糊 的 画面 。 运 动 模 糊 在 我 们 的 日 常生 活 中 是 非 
无 论 是 体育 报道 还 是 各 个 电影 里 ， 都 有 运动 模糊 的 身影 。 


常常 见 的 ， 只 要 留心 观察 ， 就 可 以 发 现 
运动 模糊 效果 可 以 让 物体 运动 看 起 来 更 


加 真实 平滑 ， 但 在 计算 机 产生 的 图 像 中 ， 由 于 不 存在 曝光 
棱角 分 明 ， 缺 少 运 动 模糊 。 在 一 些 诸如 赛车 类 型 的 游戏 
里 方法 。 在 这 一 节 中 , 我 们 将 学 习 如 何在 屏幕 后 
处 理 中 实现 运动 模糊 的 效果 。 在 本 节 结 束 后 , 我 
门将 得 到 类 似 图 12.11 中 的 效果 。 

运动 模糊 的 实现 有 多 种 方法 。 一 种 实现 方法 
是 利用 一 块 累积 缓存 (accumulation buffer ) 
来 混合 多 张 连续 的 图 像 。 当 物体 快速 移动 产生 多 


一 ~ 


这 一 物理 现象 ， 演 染 出 来 的 图 像 往往 都 
， 为 画面 添加 运动 模糊 是 一 种 常见 的 处 


上 边 为 原 效果 ， 右 边 为 应 用 运动 模糊 后 的 效果 


张 图 像 后 , 我 们 取 它 们 之 间 的 平均 值 作为 最 后 的 “图 121 
运动 模糊 图 像 。 然 而 ， 这 种 暴力 的 方法 对 性 能 的 消耗 很 大 
我 们 需要 在 同一 帧 里 泻 染 多 次 场景 。 另 一 种 应 用 广泛 的 


， 因 为 想 要 获取 多 张 帧 图 像 往往 意味 着 
方法 是 创建 和 使 用 速度 缓存 (velocity 


buffer )， 这 个 缓存 中 存储 了 各 个 像素 当前 的 运动 速度 ， 然 后 利用 该 值 来 决定 模糊 的 方向 和 大 小 。 


在 本 节 中 ， 我 们 将 使 用 类 似 上 述 第 一 种 方法 的 实现 来 
帧 中 把 场景 泻 染 多 次 ， 但 需要 保存 之 前 的 演 染 结果 ， 不 断 


模拟 运动 模糊 的 效果 。 我 们 不 需要 在 一 
把 当前 的 演 染 图 像 登 加 到 之 前 的 演 染 图 


像 中 ,从 而 产生 一 种 运动 轨迹 的 视觉 效果 。 这 种 方法 与 原始 的 利用 累计 缓存 的 方法 相 比 性 能 更 好 ， 


但 模糊 效果 可 能 会 略 有 影响 。 
为 此 ， 我 们 需要 进行 如 下 准备 工作 。 


(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_12 6。 在 Unity 5.2 中 ， 默 认 情 况 下 场 
景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 Window 一 Lighting 一 


Skybox 中 去 掉 场 景 中 的 天 空 盒 
(2) 我 们 需要 搭建 一 个 测试 运动 模糊 的 场景 。 在 本 书 


资源 的 实现 中 ， 我 们 构建 了 一 个 包含 3 


罩 墙 的 房间 ， 并 放置 了 4 个 立方 体 ， 它 们 均 使 用 了 我 们 在 9.5 节 中 创建 的 标准 材质 。 同 时 ， 我 们 
把 本 书 资源 中 的 Translating.cs 脚本 拖 忠 给 摄像 机 ， 让 其 在 场景 中 不 断 运动 。 


(3) 新 建 一 个 脚本 。 在 本 书 资源 中 ， 该 脚本 名 为 MotionBlurcs。 把 该 脚本 拖 电 到 摄像 机 上 。 
(4) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter12-MotionBlur。 


我 们 首先 来 编写 MotionBlur.cs 脚本 。 打 开 该 脚本 ， 并 进行 如 下 修改 。 


(1) 首先 ， 继 承 12.1 节 中 创建 的 基 类 : 
| public class MotionBlur : PostEffectsBase { 


(2) 声明 该 效果 需要 的 Shader， 并 据 此 创建 相应 的 材 


public Shader motionBlurShader; 
private Material motionBlurMaterial = null; 


public Material material { 
get { 
motionBlurMaterial = CheckShaderAndCreateMateria 
return motionBlurMaterial; 


质 : 


1 (motionBlurShader, motionBlurMaterial); 
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(3) 定义 运动 模糊 在 混合 图 像 时 使 用 的 模糊 参数 : 


[Range (0 .0f, 0.9f)] 
public float blurAmount = 0.5f; 


blurAmount 的 值 越 大 ， 运 动 拖 尾 的 效果 就 越 明显 ， 为 了 防止 拖 尾 效果 完全 蔡 代 当前 帧 的 演 染 
结果 ， 我 们 把 它 的 值 截取 在 0.0 一 0.9 范围 内 。 
(4) 定义 一 个 RenderTexture 类 型 的 变量 ， 保 存 之 前 图 像 琶 加 的 结果 : 


Private RenderTexture accumulationTexture; 


void OnDisable() { 
DestroyImmediate (accumulationTexture); 


} 


在 上 面 的 代码 里 , 我 们 在 该 脚本 不 运行 时 ， 即 调用 OnDisable 函数 时 ， 立 即 销毁 accumulation 
Texture。 这 是 因为 ， 我 们 希望 在 下 一 次 开始 应 用 运动 模糊 时 重新 营 加 图 像 。 
(5) 最 后 ， 我 们 需要 定义 运动 模糊 使 用 的 OnRenderImage 函数 ; 


void OnRenderimage (RenderTexture src, RenderTexture dest) { 


if (material != null) { 
// Create the accumulation texture 
if (accumulationTexture == null || accumulationTexture.width != src.width || 
accumulationTexture.height != src.height) { 


DestroyImmediate (accumulationTexture); 

accumulationTexture = Nnew RenderTexture (src.width, src.height, 0); 
accumulationTéxtureehiderlags = HideFlags.HideAndDontSave; 
Graphics.Blit (src,e acEumulationTexture); 


} 


// We are accumulating’ motion over frames without clear/discard 
// by design, so Silence any performance warnings from Unity 
accumulationTexture.MarkRestoreExpected(); 


material.SetFloat(" BlurAmount", 1.0f - blurAmount); 


Graphics.Blit (src, accumulationTexture, material); 
Graphics.Blit (accumulationTexture, dest); 

} else { 
Graphics.Blitl(src, dest); 

} 


dd 


在 确认 材质 可 用 后 ， 我 们 首先 判断 用 于 混合 图 像 的 accumulationTexture 是 否 满足 条 件 。 我 人 
不 仅 判 断 它 是 否 为 空 ， 还 判断 它 是 否 与 当前 的 屏幕 分 辩 率 相等 ， 如 果 不 满 足 ， 就 说 明 我 们 需要 习 
新 创建 一 个 适合 于 当前 分 辨 率 的 accumulationTexture 变量 。 创 建 完毕 后 ， 由 于 我 们 会 自己 控制 该 
变量 的 销毁 ， 因 此 可 以 把 它 的 hideFlags 设置 为 HideFlags.HideAndDontSave， 这 意味 着 这 个 变量 
不 会 显示 在 Hierarchy 中 ， 也 不 会 保存 到 场景 中 。 然 后 ， 我 们 使 用 当前 的 帧 图 像 初始 化 accumulation 
Texture 〈 使 用 Graphics.Blit(src, accumulationTexture) 代 码 )。 

当 得 到 了 有 效 的 accumulationTexture 变量 后 ， 我 们 调用 了 accumulationTexture.Mark 
RestoreExpected 函数 来 表明 我 们 需要 进行 一 个 演 染 纹理 的 恢复 操作 。 恢 复 操 作 (restore operation ) 
发 生 在 泻 染 到 纹理 而 该 纹理 又 没有 被 提前 清空 或 销毁 的 情况 下 。 在 本 例 中 ， 我 们 每 次 调 
OnRenderImage 时 都 需要 把 当前 的 帧 图 像 和 accumulationTexture 中 的 图 像 混 合 ，accumulationTexture 
纹理 不 需要 提前 清空 ， 因 为 它 保 存 了 我 们 之 前 的 混合 结果 。 然 后 ， 我 们 将 参数 传递 给 材质 ， 并 调 
用 Graphics.Blit (src, accumulationTexture, material) 把 当前 的 屏幕 图 像 src 闭 加 到 accumulationTexture 中 。 
最 后 使 用 Graphics.Blit (accumulationTexture, desb 把 结果 显示 到 屏幕 上 。 


TEN 


er 


ul 
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下 面 ， 我们 来 实现 Shader 的 部 分 。 本 节 实现 的 运动 模糊 非常 简单 ， 我 们 打开 Chapter12-MotionBlur， 
进行 如 下 修改 。 
(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 属性 : 


Properties { 
_MainTex ("Base (RGB)", 2D) = "white" {} 
_BlurAmount ("Blur Amount", Float) = 1.0 


} 


_MainTex 对 应 了 输入 的 泻 染 纹理 。_BlurAmount 是 混合 图 像 时 使 用 的 混合 系数 。 
(2) 在 本 节 中 ， 我 们 使 用 CGINCLUDE 来 组 织 代码 。 我 们 在 SubShader 块 中 利用 CGINCLUDE 
和 ENDCG 语义 来 定义 一 系列 代码 : 


SubShader { 
CGINCLUDE 


ENDCG 


(3) 声明 代码 中 需要 使 用 的 各 个 变量 : 


sampler2D MainTex; 
fixed BlurAmount; 


(4) 顶点 着 色 器 的 代码 与 之 前 章节 使 用 的 代码 完全 一 样 : 


Struct, v2f + 
float4 pos : SV_POSITION; 
half2 uv : TEXCOORDO; 


}; 
v2f vert(lappdata img v) { 
V2 O° 
OS = mul (UNITY MATRIX MVP, Vv.vertex); 


O.UV = Vv.texcoord; 


return o; 


(5) 下 面 ， 我 们 定义 了 两 个 片 元 着 色 器 ， 一 个 用 于 更 新 演 染 纹理 的 RGB 通道 部 
用 于 更 新 泻 染 纹理 的 A 通道 部 分 : 


fixed4 fragRGB (v2f i) : SV _ Target { 
return fixed4 (tex2D( MainTex, i.uv) .rgb, BlurAmount); 


站 第 二 个 


} 


half4 fragA (v2f i) : SV Target { 
return tex2D( MainTex, i.uv); 


} 

RGB 通道 版 本 的 Shader 对 当前 图 像 进行 采样 , 并 将 其 A 通道 的 值 设 为 _ BlurAmount, 以 便 在 后 
用 混合 时 可 以 使 用 它 的 透明 通道 进行 混合 。A 通道 版 本 的 代码 就 更 简单 了 ， 直 接 返 回采 样 结果 。 实 
际 上 ， 这 个 版 本 只 是 为 了 维护 演 染 纹理 的 透明 通道 值 ， 不 让 其 受到 混合 时 使 用 的 透明 度 值 的 影响 。 

(6) 然后 ， 我 们 定义 了 运动 模糊 所 需 的 Pass。 在 本 例 中 我 们 需要 两 个 Pass， 一 个 用 于 更 新 泻 
染 纹理 的 RGB 通道 ， 第 一 个 用 于 更 新 A 通道 。 之 所 以 要 把 A 通道 和 RGB 通道 分 开 ， 是 因为 在 
更 新 RGB 时 我 们 需要 设置 它 的 A 通道 来 混合 图 像 ， 但 又 不 希望 A 通道 的 值 写 入 泻 染 纹 理 中 。 


ZTest Always Cull Off ZWrite Off 


互 


Pass { 
Blend SrcAlpha OneMinusSrcAlpha 
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ColorMask RGB 
CGPROGRAM 


#pragma vertex vert 
#pragma fragment fragRGB 


ENDCG 
} 


Pass { 
Blend One Zero 
ColorMask A 


CGPROGRAM 


#pragma vertex vert 
#pragma fragment fragA 


ENDCG 
} 


(7) 最 后 ， 我 们 关闭 了 Shader 的 Fallback: 


| Fallback Off 


完成 后 返回 编辑 器 ， 并 把 Chapter12-MotionBlur 拖 忠 到 摄像 机 的 MotionBlur.cs 脚本 中 的 
motionBlurShader 参数 中 。 当 然 ， 我 们 可 以 在 MotionBlur.cs 的 脚本 面板 中 将 motionBlurShader 参 
数 的 默认 值 设 置 为 Chapter12-MotionBlur， 这 样 就 不 需要 以 后 使 用 时 每 次 都 手动 拖 上 忠 了 。 

本 节 是 对 运动 模糊 的 一 种 简单 实现 。 我 们 混合 了 连续 帧 之 间 的 图 像 ， 这 样 得 到 一 张 具有 模糊 
拖 尾 的 图 像 。 然 而 ， 当 物体 运动 速度 过 快 时 ， 这 种 方法 可 能 会 造成 单独 的 帧 图 像 变 得 可 见 。 在 第 
13 章 中 ， 我 们 会 学 习 如 何 利 用 深度 纹理 重建 速度 来 模拟 运动 模糊 效果 。 


中 汪 扩 展 阅读 


本 章 介 绍 了 如 何在 Unity 中 利用 泻 染 纹理 实现 屏幕 后 处 理 效果 ， 并 且 介 绍 了 几 种 常见 的 屏幕 
特效 的 实现 方法 。 这 些 效果 都 使 用 了 图 像 处 理 中 的 一 些 算法 ， 以 达到 特定 的 图 像 效 果 。 除 了 本 章 
介绍 的 这 些 效果 外 ， 读 者 可 以 在 Unity 的 Image Effect (http://docs.unity3d.com/Manual/comp- 
ImageEffects.html) 包 中 找到 更 多 特效 的 实现 。 在 GPU Gems 系列 (https://developer.nvidia.com/ 
gpugems/GPUGems ) 中 ， 也 介绍 了 许多 基于 图 像 处 理 的 泻 染 技 术 。 例 如 , 《GPU Gems 3》 的 第 27 
章 ， 介 绍 了 一 种 景深 效果 的 实现 方法 。 除 此 之 外 ， 读 者 也 可 以 在 Unity 的 资源 商店 和 其 他 网 络 资 
源 中 找到 许多 出 色 的 屏幕 特效 。 


| 
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使 用 深度 和 法 线 纹理 


然而 ， 很 多 时 候 我 们 不 仅 需 要 当前 屏幕 的 颜色 
边缘 检测 时 ， 直 接 利用 颜色 信息 会 使 检测 到 的 边 
到 很 多 我 们 不 需要 的 边缘 点 。 一 种 更 好 的 方法 是 ， 我 


ll 


式 检 疯 


一 


出 来 的 边缘 更 加 可 靠 。 


测 ， 这 些 图 像 不 会 受 纹理 和 光照 的 影响 ， 而 


在 本 章 中 ， 我 们 将 学 习 如 何在 Unity 中 获取 深度 纹 至 


np 


站 获取 深度 


们 背后 的 实现 原理 。 


13.1.1 背后 的 原理 


深度 纹理 来 重建 屏幕 像素 在 世界 空间 ， 
WU 种 实现 ， 即 利用 深度 和 法 线 纹理 


和 法 线 纹理 


虽然 在 Unity 里 获取 深度 和 法 线 纹理 


的 代码 非常 简 


的 位 置 ， 从 而 模拟 屏幕 雾 效 。 
进行 边缘 检测 。 


和 法 线 纹 理 来 实现 特定 的 屏幕 后 处 理 交 


得 
门 可 以 在 深度 纹理 和 法 线 纹理 上 进行 边缘 检 
仅仅 保存 了 当前 泻 染 物体 的 模型 信息 ， 通 过 这 样 的 广 


在 第 12 章 中 ， 我 们 学 习 的 屏幕 后 处 理 效 果 都 只 是 在 屏幕 颜色 图 像 上 进行 各 种 操作 来 实现 的 。 
息 ， 还 希望 得 到 深度 和 法 线 信息 。 例 如 ， 在 进行 
缘 信 息 受 物体 纹理 和 光照 等 外 部 因素 的 影响 ， 


果 。 在 13.1 节 中 ， 我们 首先 会 学 习 如 何在 Unity 中 获取 这 两 种 纹理 。 在 13.2 节 中 ， 我们 会 利 
< 里 来 计算 摄像 机 的 移动 速度 ， 实 现 摄像 机 的 运 志 


应 


深度 纹理 实际 就 是 一 张 泻 染 纹理 ， 只 不 过 它 里 面 存储 的 像素 值 不 是 颜色 值 ， 而 是 


的 深度 值 。 由 于 被 存储 在 一 张 纹理 中 ， 


的 。 那 么 ， 这 些 深度 值 是 从 哪里 得 到 的 呢 ? 


| 


] 深 
模糊 效果 。 在 13.3 节 : ， 我 们 会 学 习 如 何 利 
13.4 节 会 再 次 学 习 边 缘 检 


是 我 们 有 必要 在 这 之 前 首先 了 解 它 


个 高 精度 
深度 纹理 里 的 深度 值 范围 是 [0, 1]， 而 且 通 常 是 非 线 性 分 布 
要 回答 这 个 问题 ， 我 们 需要 回顾 在 第 4 章 学 过 的 顶点 


变换 的 过 程 。 总 体 来 说 ， 这 些 深 度 值 来 自 于 顶点 变换 后 得 到 的 归 一 化 的 设备 坐标 (Normalized 


Device Coordinates ，NDC)。 回 顾 一 下 ， 一 个 模型 要 想 最 终 被 绘 人 
模型 空间 变换 到 齐 次 裁剪 坐标 系 下 ， 这 是 通过 


换 的 最 后 一 步 ， 我 们 需要 使 用 一 个 投影 矩阵 来 变换 顶点 ， 


时 ， 这 个 投影 矩阵 就 是 非 线性 的 ， 有 具体 过 程 可 
图 13.1 显示 了 4.6.7 小 节 中 给 出 的 
图 显示 了 投影 变换 前 ， 即 观察 空间 下 视 锥 
裁剪 矩阵 后 的 变换 结果 ， 即 顶点 着 色 器 阶 


体 的 结构 及 相应 的 顶点 位 置 ， 中 间 的 
段 输出 的 顶点 变换 结果 ， 最 右 侧 的 图 则 是 底层 硬件 进 4 
了 透视 除法 后 得 到 的 归 一 化 的 设备 坐标 。 需 要 注意 的 是 ， 这 里 的 投影 过 程 是 建立 在 Unity 对 化 


I 在 屏幕 上 ， 需 要 把 它 
在 顶点 着 色 器 中 乘 以 MVP 变换 矩阵 得 到 的 。 在 变 
当 我 们 使 用 的 是 透视 投影 类 型 的 摄像 机 
回顾 4.6.7 小 节 。 
nity 中 透视 投影 对 顶点 的 变换 过 程 。 图 13.1 中 最 左 侧 


图 显示 了 应 


系 的 假定 上 的 ， 也 就 是 说 ， 我 们 针对 的 是 观察 空间 为 右手 坐标 系 ， 使 用 列 抢 阵 在 矩阵 右 侧 j 


乘 ， 且 变换 到 NDC 后 z 分 量 范围 将 在 [-1, 1] 之 间 的 情况 。 


而 在 类 似 DirectX 这 样 的 图 天 


多 接 


变换 后 z 分 量 范 国 


6 


的 矩阵 运算 ， 读 


可 以 参考 4.6.7 小 节 。 


透 


口中 ， 


各 在 [0, 1] 之 间 。 如 果 需 要 在 其 他 图 形 接口 下 实现 本 章 的 类 似 效果 ， 需 要 对 一 些 
计算 参数 做 出 相应 变化 。 关 于 变换 时 使 


和 


进行 本 


的 顶点 从 


等 六 


[uy 


x = farClipPlaneWidth /2 
x = -farClipPlaneWidth / 2 yY= farClipPlaneHeight /2 
y = -farClipPlaneHeight / 2 z=-Far 

z=-Far w=1 


=1 
攻 裁剪 矩 阵 透视 除法 
x = -nearClipPlaneWidth / 2 
y = -nearClipPlaneHeight /2 
z= -Ne 
ee x = -Near 
a y = -Near 
eaCNEPlonSHelgN/ 2 -Neer 
w=1 
z 
4 图 13.1 ”在 透视 投影 中 ， 投 影 矩 阵 首 先 对 顶点 进行 了 缩放 。 在 经 过 章 次 除法 后 ， 透 视 投 影 的 裁剪 空间 会 变换 到 一 个 立方 
体 。 图 中 标注 了 4 个 关键 点 经 过 投影 矩阵 变换 后 的 结果 


图 13.2 显示 了 在 使 用 正 交 摄像 机 时 投影 变换 的 过 程 。 同 样 ， 变 换 后 会 得 到 一 个 范围 为 [-1, 1] 
的 立方 体 。 正 交 投 影 使 用 的 变换 矩阵 是 线性 的 。 


x= -farClipPlaneWidth / 2 
y = -farClipPlaneHeight /2 
z= -Far 


= farClipPlaneWidt 
yor CipPansHa ht/ 


w 下 


x = -nearClipPlaneWidth /2 裁 前 知 陈 
y = -nearClipPlaneHeight / 2 
z= -Nea 
1 
上 -1 
= 站 lipPla 1 
/ VY nowGMpiaonons " 
f z= -Near 
天 w=1 / 
z / 
J a 
4 图 13.2 ”在 正 交 投影 中 ， 投 影 矩 阵 对 顶点 进行 了 缩放 。 在 经 过 齐 次 除法 后 ， 正 交 投影 的 裁剪 空间 会 变换 到 一 个 立方 体 。 
到 中 标注 了 4 个 关键 点 经 过 投影 矩阵 变换 后 的 结果 


在 得 到 NDC 后 ,深度 纹理 中 的 像素 值 就 可 以 很 方便 地 计算 得 到 了 ,这 些 深度 值 就 对 应 了 NDC 
中 顶点 坐标 的 z 分 量 的 值 。 由 于 NDC 中 z 分量 的 范围 在 [-1, 1]， 为 了 让 这 些 值 能 够 存储 在 一 张 图 
像 中 ， 我 们 需要 使 用 下 面 的 公式 对 其 进行 映射 : 
d=0.5. zact0.5 

其 中 ，4 对 应 了 深度 纹理 中 的 像素 值 ，zw 对 应 了 NDC 坐标 中 的 z 分 量 的 值 。 

那么 Unity 是 怎么 得 到 这 样 一 张 深度 纹理 的 呢 ? 在 Unity 中 ， 深 度 纹理 可 以 直接 来 自 于 真 了 
的 深度 缓存 , 也 可 以 是 由 一 个 单独 的 Pass 演 染 而 得 , 这 取决 于 使 用 的 泻 染 路 征 和 硬件 。 通常 来 讲 ， 
当 使 用 延迟 泻 染 路 径 〈 包 括 遗 留 的 延迟 演 染 路 径 ) 时， 深度 纹理 理所当然 可 以 访问 到 ， 因 为 延迟 
泻 染 会 把 这 些 信息 演 染 到 G-buffer 中 。 而 当 无 法 直接 获取 深度 缓存 时 ， 深 度 和 法 线 纹理 是 通过 
个 单独 的 Pass 演 染 而 得 的 。 有 具体 实现 是 ，Unity 会 使 用 着 色 器 替换 〈Shader Replacement) 技术 选 
择 那些 泻 染 类 型 〈 即 SubShader 的 RenderType 标签 ) 为 Opaque 的 物体 ， 判 断 它 们 使 用 的 演 染 队 
列 是 否 小 于 等 于 2500 (内 置 的 Background、Geometry 和 AlphaTest 演 染 队列 均 在 此 范围 内 )， 如 
果 满 足 条 件 ， 就 把 它 泻 染 到 深度 和 法 线 纹理 中 。 因 此 ， 要 想 让 物体 能 够 出 现在 深度 和 法 线 纹理 中 ， 
就 必须 在 Shader 中 设置 正确 的 RenderType 标签 。 
在 Unity 中 , 我 们 可 以 选择 让 一 个 摄像 机 生成 一 张 深度 纹理 或 是 一 张 深度 + 法 线 纹理 。 当 选择 
前 者 ， 即 只 需要 一 张 单独 的 深度 纹理 时 ，Unity 会 直接 获取 深度 缓存 或 是 按 之 前 讲 到 的 着 色 器 蔡 
换 技 术 ， 选 取 需 要 的 不 透明 物体 ， 并 使 用 它 投射 阴影 时 使 用 的 Pass〈 即 LightMode 被 设置 为 
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呈 


ShadowCaster 的 Pass， 详 见 9.4 节 ) 来 得 到 深度 纹理 。 如 果 Shader 中 不 包含 这 样 一 个 Pass， 那 么 
这 个 物体 就 不 会 出 现在 深度 纹理 中 〈 当 然 , 它 也 不 能 向 其 他 物体 投射 阴影 )。 深 度 纹理 的 精度 通常 
是 24 位 或 16 位， 这 取决 于 使 用 的 深度 缓存 的 精度 。 如 果 选 择 生成 一 张 深 度 + 法 线 纹理 ，Unity 会 
创建 一 张 和 屏 幕 分 辨 紊 相同 、 精 度 为 32 位 (每 个 通道 为 8 位 ) 的 纹理 ， 其 中 观察 空间 下 的 法 线 信 
息 会 被 编码 进 纹理 的 R 和 G 通道 ， 而 深度 信息 会 被 编码 进 B 和 A 通道 。 法 线 信息 的 获取 在 延迟 
演 染 中 是 可 以 非常 容易 就 得 到 的 ，Unity 只 需要 合并 深度 和 法 线 缓存 即 可 。 而 在 前 向 泻 染 中 ， 默 
认 情 况 下 是 不 会 创建 法 线 缓存 的 ， 因 此 Unity 底层 使 用 了 一 个 单独 的 Pass 把 整个 场景 再 次 泻 染 
遍 来 完成 。 这 个 Pass 被 包含 在 Unity 内 置 的 一 个 Unity Shader 中 ， 我 们 可 以 在 内 置 的 
builtin_shaders-xxx/DefaultResources/Camera-DepthNormalTexture.shader 文件 中 找到 这 个 用 于 演 染 
深度 和 法 线 信息 的 Pass。 


13.1.2 ”如 何 获 取 


在 Unity 中 ， 获 取 深 度 纹理 是 非常 简单 的 ， 我 们 只 需要 告诉 Unity:“ 嘿 ， 把 深度 纹理 给 我 !” 
然后 再 在 Shader 中 直接 访问 特定 的 纹理 属性 即 可 。 这 个 与 Unity 沟通 的 过 程 是 通过 在 脚本 中 设置 
摄像 机 的 depthTextureMode 来 完成 的 ， 例 如 我 们 可 以 通过 下 面 的 代码 来 获取 深度 纹理 : 


| camera.depthTextureMode = DepthTextureMode.Depth; 


日 设置 好 了 上 面 的 摄像 机 模式 后 ， 我 们 就 可 以 在 Shader 中 通过 声明 _CameraDepthTexture 
变量 来 访问 它 。 这 个 过 程 非常 简单 ， 但 我 们 需要 知道 这 两 行 代码 的 背后 ，Unity 为 我 们 做 了 许多 
工作 〈 见 13.1.1 节 )。 

同 理 ， 如 果 想 要 获取 深度 + 法 线 纹理 ， 我 们 只 需要 在 代码 中 这 样 设置 : 


| camera.depthTextureMode = DepthTextureMode.DepthNormals; 


然后 在 Shader 中 通过 声明 _CameraDepthNormalsTexture 变量 来 访问 它 。 
我 们 还 可 以 组 合 这 些 模式 ， 让 一 个 摄像 机 同时 产生 一 张 深度 和 深度 + 法 线 纹理 : 


camera.depthTextureMode |= DepthTextureMode.Depth; 
camera.depthTextureMode |= DepthTextureMode.DepthNormals; 


在 Unity 5 中 ,我 们 还 可 以 在 摄像 机 的 Camera 组 件 上 看 到 当前 摄像 机 是 否 需 要 演 染 深度 或 深 
度 + 法 线 纹理 。 当 在 Shader 中 访问 到 深度 纹理 _CameraDepthTexture 后 ， 我 们 就 可 以 使 用 当前 
的 纹理 坐标 对 它 进行 采样 。 绝 大 多 数 情况 下 ， 我 们 直接 使 用 tex2D 函数 采样 即 可 ， 但 在 某 些 平台 
(例如 PS3 和 PSP2) 上 ， 我 们 需要 一 些 特殊 处 理 。Unity 为 我 们 提供 了 一 个 统一 的 宏 
SAMPLE_DEPTH_TEXTURE， 用 来 处 理 这 些 由 于 平台 差异 造成 的 问题 。 而 我 们 只 需要 在 Shader 
中 使 用 SAMPLE_DEPTH_TEXTURE 宏 对 深度 纹理 进行 采样 ， 例 如 : 


| float Q = SAMPLE DEPTH TEXTURE( CameraDepthTexture, i.uv); 


其 中 ，iuv 是 一 个 float2 类 型 的 变量 ， 对 应 了 当前 像素 的 纹理 坐标 。 类 似 的 宏 还 有 
SAMPLE_DEPTH_TEXTURE_PROJ 和 SAMPLE_DEPTH_TEXTURE LOD。SAMPLE_DEPTH _ 
TEXTURE_PROJ 宏 同样 接受 两 个 参数 一 一 深度 纹理 和 一 个 float3 或 float4 类 型 的 纹理 坐标 , 它 的 
内 部 使 用 了 tex2Dproj 这 样 的 函数 进行 投影 纹理 采样 ， 纹 理 坐 标的 前 两 个 分 量 首先 会 除 以 最 后 一 
个 分 量 ， 再 进行 纹理 采样 。 如 果 提 供 了 第 es 量 ， 还 会 进行 一 次 比较 ， 通 常用 于 阴影 的 实现 


SAMPLE_DEPTH_TEXTURE_PROJ 的 第 二 数 通 常 是 由 顶点 着 色 器 输出 插值 而 得 的 屏幕 坐 
标 》 例 如 3? 
| float d = SAMPLE DEPTH TEXTURE PROJ( CameraDepthTexture, UNITY PROJ COORD(i.scrPos)); 
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其 中 ，i.scrPos 是 在 顶点 着 色 器 中 通过 调用 ComputeScreenPos(o.pos) 得 到 的 屏幕 坐标 。 上 述 这 
些 宏 的 定义 ， 读 者 可 以 在 Unity 内 置 的 HLSLSupport.cginc 文件 中 找到 。 

当 通 过 纹理 采样 得 到 深度 值 后 ， 这 些 深度 值 往往 是 非 线 性 的 ， 这 种 非 线 性 来 自 于 透视 投影 使 
的 裁剪 矩阵 。 然 而 ， 在 我 们 的 计算 过 程 中 通常 是 需要 线性 的 深度 值 ， 也 就 是 说 ， 我 们 需要 把 投 
影 后 的 深度 值 变换 到 线性 空间 下 ， 例 如 视角 空间 下 的 深度 值 。 那 么 ， 我 们 应 该 如 何 进行 这 个 转换 
呢 ? 实际 上 ， 我 们 只 需要 倒 推 顶 点 变换 的 过 程 即 可 。 下 面 我 们 以 透视 投影 为 例 ， 推 导 如 何 由 深度 
纹理 中 的 深度 信息 计算 得 到 视角 空间 下 的 深度 值 。 
由 4.6.7 节 可 知 ， 当 我 们 使 用 透视 投影 的 裁剪 矩阵 Py, 对 视角 空间 下 的 一 个 顶点 进行 变换 后 ， 
裁剪 空间 下 顶点 的 z 和 w 分 量 为 : 


pa 


Fart+Near 2:Near:Far 
Zu 三 一 Zi 
SE “™ Far—-Near Far—Near 


TV 人 


clip Visw 


其 中 ，Far 和 Near 分 别 是 远近 裁剪 平面 的 距离 。 然 后 ， 我 们 通过 齐 次 除法 就 可 以 得 到 NDC 


下 的 z 分 量 : 
Zap Far+Near 2Near: Far 
Ca = 二 
的 Wi Far—Near (Car 一 Near Zn 


在 13.1.1 节 中 我 们 知道 ， 深 度 纹理 中 的 深度 值 是 通过 下 面 的 公式 由 NDC 计算 而 得 的 : 
G=0.3.zndc+0.3 
由 上 面 的 这 些 式 子 ， 我 们 可 以 推 寻 出 用 4 表示 而 得 的 zww 的 表达 式 ; 
1 
ww” Far— Near 1 
Near: Far Near 
由 于 在 Unity 使 用 的 视角 空间 中 ， 摄 像 机 正 向 对 应 的 z 值 均 为 负 值 ， 因 此 为 了 得 到 深度 值 的 
正 数 表示 ， 我 们 需要 对 上 面 的 结果 取 反 ， 最 后 得 到 的 结果 如 下 : 
1 
Sriow Near — Far 1 
d+ 
Near: Far Near 
它 的 取 值 范围 就 是 视 锥 体 深 度 范 围 ， 即 [Near，Far]。 如 果 我 们 想得到 范围 在 [0, 1] 之 间 的 深度 
值 ， 只 需要 把 上 面 得 到 的 结果 除 以 Far 即 可 。 这 样 ，0 就 表示 该 点 与 摄像 机 位 于 同一 位 置 ，1 表示 
该 点 位 于 视 锥 体 的 远 裁剪 平面 上 。 结 果 如 下 : 


Z4 


mn 


1 
Near — Far Far 
d+ 

Near Near 
幸运 的 是 ，Unity 提供 了 两 个 辅助 函数 来 为 我 们 进行 上 述 的 计算 过 程 一 一 LinearEyeDepth 和 
Linear01Depth。 LinearEyeDepth 负 负责 把 深度 纹理 的 采样 结果 转换 到 视角 空间 下 的 深度 值 ， 也 就 是 
我 们 上 面 得 到 的 zx，, 。 而 Linear01Depth 则 会 返回 一 个 范围 在 [0，1] 的 线性 深度 值 ， 也 就 是 我 们 上 

面 得 到 的 zot。 这 两 个 函数 内 部 使 用 了 内 置 的 _ZBufferParams 变量 来 得 到 远近 裁剪 平面 的 距离 。 
如 果 我 们 需要 获取 深度 + 法 线 纹理 ， 可 以 直接 使 用 tex2D 函数 对 _CameraDepthNormalsTexture 
进行 采样 ， 得 到 里 面 存储 的 深度 和 法 线 信 息 。Unity 提供 了 辅助 函数 来 为 我 们 对 这 个 采样 结果 进 
行 解码 ， 从 而 得 到 深度 值 和 法 线 方向 。 这 个 函数 是 DecodeDepthNormal， 它 在 UnityCG.cginc 里 


Zo01 二 
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被 定义 : 
inline void DecodeDepthNormal( float4 enc, out float depth, out float3 normal ) 


{ 
depth = DecodeFloatRG (enc.zw); 
normal = DecodeViewNormalStereo (enc); 


} 


DecodeDepthNormal 的 第 一 个 参数 是 对 深度 + 法 线 纹理 的 采样 结果 ， 这 个 采样 结果 是 Unity 对 
深度 和 法 线 信 息 编码 后 的 结果 , 它 的 xy 分 量 存 储 的 是 视角 空间 下 的 法 线 信 息 , 而 深度 信息 被 编码 
进 了 zw 分 量 。 通 过 调用 DecodeDepthNormal 函数 对 采样 结果 解码 后 ， 我 们 就 可 以 得 到 解码 后 的 
深度 值 和 法 线 。 这 个 深度 值 是 范围 在 [0, 1] 的 线性 深度 值 ( 这 与 单独 的 深度 纹理 中 存储 的 深度 值 不 
同 )， 而 得 到 的 法 线 则 是 视角 空间 下 的 法 线 方 向 。 同 样 ， 我 们 也 可 以 通过 调用 DecodeFloatRG 和 
DecodeViewNormalStereo 来 解码 深度 + 法 线 纹理 中 的 深度 和 法 线 信息 。 

至 此 ， 我 们 已 经 学 会 了 如 何在 Unity 里 获取 及 使 用 深度 和 法 线 纹 理 。 下 面 ， 我 们 会 学 习 如 何 
使 用 它们 实现 各 种 屏幕 特效 。 


13.1.3 ”查看 深度 和 法 线 纹理 
很 多 时 候 ， 我 们 希望 可 以 查看 生成 的 深度 和 法 线 纹理 ， 以 便 对 Shader 进行 调试 。Unity 5 提 


供 了 一 个 方便 的 方法 来 查看 摄像 机 生成 的 深度 和 法 线 纹理 ， 这 个 方法 就 是 利用 帧 调试 器 (Frame 
Debugger)。 图 13.3 显示 了 使 用 帧 调试 器 查看 到 的 深度 纹理 和 深度 + 法 线 纹理 。 


4 图 13.3 ”使 用 Frame Debugger 查看 深度 纹理 ( 左 ) 和 深度 + 法 线 纹理 ( 右 )。 如 果 当 前 摄像 机 需要 生成 深度 和 法 线 纹理 ， 
贞 调 试 器 的 面板 中 就 会 出 现 相应 的 泻 染 事件 。 只 要 单 击 对 应 的 事件 就 可 以 查看 得 到 的 深度 和 法 线 纹理 
用 帧 调试 器 查看 到 的 深度 纹理 是 非 线 性 空间 的 深度 值 , 而 深度 + 法 线 纹理 都 是 由 Unity 编码 
后 的 结果 。 有 时 ， 显 示 出 线性 空间 下 的 深度 信息 或 解码 后 的 法 线 方向 会 更 加 有 用 。 此 时 ， 我 们 可 
以 自行 在 片 元 着 色 器 中 输出 转换 或 解码 后 的 深度 和 法 线 值 ， 如 图 13.4 所 示 。 和 输出 代码 非常 简单 ， 
我 们 可 以 使 用 类 似 下 面 的 代码 来 输出 线性 深度 值 : 


| float depth = SAMPLE DEPTH TEXTURE( CameraDepthTexture, i.uv); 


float linearDepth = Linear0lDepth (depth); 
return fixed4 (linearDepth, linearDepth, linearDepth, 1.0); 


或 是 输出 法 线 方向 : 
fixed3 normal = DecodeViewNormalStereo (tex2D( CameraDepthNormalsTexture, i.uv) .xy); 
return fixed4(normal * 0.5 + 0.5, 1.0); 


在 查看 深度 纹理 时 ， 读 者 得 到 的 画面 有 可 能 几乎 是 全 黑 或 全 白 的 。 这 时 候 读 者 可 以 把 摄像 机 
的 远 裁剪 平面 的 距离 (Unity 默认 为 1 000〉 调 小 ， 使 视 锥 体 的 范围 刚好 禾 盖 场景 的 所 在 区 域 。 这 
是 因为 ， 由 于 投影 变换 时 需要 才 盖 从 近 裁 前 平面 到 远 裁 前 平面 的 所 有 深度 区 域 ， 当 远 裁 前 平面 的 
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距离 过 大 时 ， 会 导致 离 摄像 机 较 近 的 距离 被 映射 到 非常 小 的 深度 值 ， 如 果 场 景 是 一 个 封闭 的 区 域 
《如 图 13.4 所 示 )， 那 么 这 就 会 导致 画面 看 起 来 几乎 是 全 黑 的。 相反 ， 如 果 场 景 是 一 个 开放 区 域 ， 
且 物 体 离 摄像 机 的 距离 较 远 ， 就 会 导致 画面 几乎 是 全 白 的 。 


-A\ 
A < 


4 图 13.4 左边 : 线性 空间 下 的 深度 纹理 。 右 边 ; 解码 后 并 且 被 映射 到 [0, 1] 范 围 内 的 视角 空间 下 的 法 线 纹理 
中 如 再 谈 运动 模糊 
在 12.6 节 中 ， 我 们 学 习 了 如 何 通 过 混合 多 张 屏 幕 图 像 来 模拟 运动 模糊 的 效果 。 但 是 ， 另 一 种 
应 用 更 加 广泛 的 技术 则 是 使 用 速度 映射 图 。 速 度 映 射 图 中 存储 了 每 个 像素 的 速度 ， 然 后 使 用 这 个 
速度 来 决定 模糊 的 方向 和 大 小 。 速 度 缓冲 的 生成 有 多 种 方法 ， 一 种 方法 是 把 场景 中 所 有 物体 的 速 
度 泻 染 到 一 张 纹理 中 。 但 这 种 方法 的 缺点 在 于 需要 修改 场景 中 所 有 物体 的 Shader 代码 ,使 其 添加 
计算 速度 的 代码 并 输出 到 一 个 泻 染 纹理 中 。 

《GPU Gems3》 在 第 27 章 (http://http.developer.nvidia.com/GPUGems3/gpugems3_ch27.html) 
中 介绍 了 一 种 生成 速度 映射 图 的 方法 。 这 种 方法 利用 深度 纹理 在 片 元 着 色 器 中 为 每 个 像素 计算 其 
在 世界 空间 下 的 位 置 ， 这 是 通过 使 用 当前 的 视角 * 投 影 矩 阵 的 逆 矩 阵 对 NDC 下 的 顶点 坐标 进行 变 
换 得 到 的 。 当 得 到 世界 空间 中 的 顶点 坐标 后 ， 我 们 使 用 前 一 帧 的 视角 *# 投 影 矩 阵 对 其 进行 变换 ， 得 
到 该 位 置 在 前 一 帧 中 的 NDC 坐标 。 然 后 ， 我 们 计算 前 一 帧 和 当前 帧 的 位 置 差 ， 生 成 该 像素 的 速 
度 。 这 种 方法 的 优点 是 可 以 在 一 个 屏幕 后 处 理 步 又 中 完成 整个 效果 的 模拟 ， 但 缺点 是 需要 在 片 元 
着 色 器 中 进行 两 次 矩阵 乘法 的 操作 ， 对 性 能 有 所 影响 。 

为 了 使 用 深度 纹理 模拟 运动 模糊 ， 我 们 需要 进行 如 下 准备 工作 。 

(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_13 2。 在 Unity 5.2 中 ， 默 认 情 况 下 场 
景 将 包含 一 个 摄像 机 和 一 个 平行 光 , 并 且 使 用 了 内 置 的 天 空 盒子 .在 Window 一 Lighting 一 Skybox 
中 去 掉 场 景 中 的 天 空 盒子 。 

(2) 我 们 需要 搭建 一 个 测试 运动 模糊 的 场景 。 在 本 书 资源 的 实现 中 ， 我 们 构建 了 一 个 包含 3 
下 墙 的 房间 ， 并 放置 了 4 个 立方 体 ， 它 们 都 使 用 了 我 们 在 9.5 节 中 创建 的 标准 材质 。 同 时 ， 我 们 
把 本 书 资源 中 的 Translating.cs 脚本 拖 忠 给 摄像 机 ， 让 其 在 场景 中 不 断 运动 。 

(3) 新 建 一 个 脚本 。 在 本 书 资源 中 ,该 脚本 名 为 MotionBlurWithDepthTexture.cs。 把 该 脚本 拖 
上 忠 到 摄像 机 上 。 

(4) 新 建 一 个 Unity Shader。 在 本 书 资源 中 , 该 Shader 名 为 Chapter13-MotionBlurWithDepthTexture。 

我 们 首先 来 编写 MotionBlurWithDepthTexture.cs 脚本 。 打 开 该 脚本 ， 并 进行 如 下 修改 。 

(1) 首先 ， 继 承 12.1 节 中 创建 的 基 类 : 
| public class MotionBlurWithDepthTexture : PostEffectsBase { 

(2) 声明 该 效果 需要 的 Shader， 并 据 此 创建 相应 的 材质 : 


public Shader motionBlurShader; 
private Material motionBlurMaterial = null; 


public Material material { 
Get { 

motionBlurMaterial = CheckShaderAndCreateMaterial (motionBlurShader, motionBlurMaterial); 

return motionBlurMaterial; 


(3) 定义 运动 模糊 时 模糊 图 像 使 用 的 大 小 : 


[Range (0 .0f, 1.0f)] 
public float blurSize = 0.5f; 


(4) 由 于 本 节 需 要 得 到 摄像 机 的 视角 和 投影 矩阵 ， 我 们 需要 定义 一 个 Camera 类 型 的 变量 ， 
以 获取 该 脚本 所 在 的 摄像 机 组 件 : 


private Camera myCamera; 
public Camera camera { 
get { 
if (myCamera == null) { 
myCamera = GetComponent<Camera> () 7 


下 


} 


return myCamera; 


(5) 我 们 还 需要 定义 一 个 变量 来 保存 上 一 帧 摄像 机 的 视角 * 投 影 矩 阵 
| private Matrix4x4 previousViewProjectionMatrix; 


(6) 由 于 本 例 需 要 获取 摄像 机 的 深度 纹理 ， 我 们 在 脚本 的 OnEnable 函数 中 设置 摄像 机 的 状态 : 


void OnEnable() { 
camera.depthTextureMode |= DepthTextureMode.Depth; 


} 


(7) 最 后 ， 我 们 实现 了 OnRenderImage 函数 : 


void OnRenderImage (RenderTexture Src RenderTexture dest) { 
if (material != null) { 
material.SetFloat(" BlurSize", blurSize); 


material.SetMatrix(" PreviousViewProjectionMatrix", previousViewProjectionMatrix); 

Matrix4x4 currentViewProjectionMatrix = camera.projectionMatrix * camera.worldToCameraMatrix; 
Matrix4x4 currentViewProjectionInverseMatrix = currentViewProjectionMatrix.inverse; 
material.SetMatrix(" CurrentViewProjectionInverseMatrix", currentViewProjectionInverseMatrix); 
previousViewProjectionMatrix = currentViewProjectionMatrix; 


Graphics.Blit (src, dest, material); 
else { 
Graphics.Blitl(src, dest); 


/和 


上 面 的 OnRenderImage 函数 很 简单 ， 我 们 首先 需要 计算 和 传递 运动 模糊 使 用 的 各 个 属性 。 本 

例 需 要 使 用 两 个 变换 矩阵 一 一 前 一 帧 的 视角 * 投 影 矩 阵 以 及 当前 帧 的 视角 * 投 影 矩 阵 的 逆 矩 阵 。 基 

此 , 我 们 通过 调用 camera.worldToCameraMatrix 和 camera.projectionMatrix 来 分 别 得 到 当前 摄像 机 

a 下 阵 和 投影 矩阵 。 对 它们 相 乘 后 取 逆 ， 得 到 当前 帧 的 视角 * 投 影 矩 阵 的 逆 和 矩阵， 并 传递 给 材 

质 。 然 后 ， 我 们 把 取 逆 前 的 结果 存储 在 previousViewProjectionMatrix 变量 中 ， 以 便 在 下 一 帧 时 传 
递 给 质 的 _PreviousViewProjectionMatrix 属性 。 

下 面 ， 我 们 来 实现 Shader 的 部 分 。 打 开 Chapter13-MotionBlurWithDepthTexture， 进 行 如 下 修改 。 
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(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 属性 : 


Properties { 
_MainTex ("Base (RGB)", 2D) = "white" {} 
BlurSize \("Blur SEEZe" Float) = 1,0 


} 


_MainTex 对 应 了 输入 的 演 染 纹理 ，_BlurSize 是 模糊 图 像 时 使 用 的 参数 。 我 们 注意 到 ， 虽 然 
在 脚本 里 设置 了 材质 的 _PreviousViewProjectionMatrix 和 _CurrentViewProjectionInverseMatrix 属 
性 , 但 并 没有 在 Properties 块 中 声明 它们 。 这 是 因为 Unity 没有 提供 矩阵 类 型 的 属性 ， 但 我 们 仍然 
可 以 在 CG 代码 块 中 定义 这 些 矩 阵 ， 并 从 脚本 中 设置 它们 。 

《2) 在 本 节 中 , 我 们 使 用 CGINCLUDE 来 组 织 代码 。 我 们 在 SubShader 块 中 利用 CGINCLUDE 
和 ENDCG 语义 来 定义 一 系列 代码 : 


SubShader { 
CGINCLUDE 


ENDCG 


(3) 声明 代码 中 需要 使 用 的 各 个 变量 : 


sampler2D MainTex; 

half4 MainTex TexelSize; 

sampler2D CameraDepthTexture; 

float4x4 CurrentViewProjectionInverseMatrix; 
float4x4 PreviousViewProjectionMatrix; 

half BlurSize; 


在 上 面 的 代码 中 ,除了 定义 在 Propefties 声明 的 _MainTex 和 _BlurSize 属性 , 我 们 还 声明 了 其 他 三 个 
变量 。_CameraDepthTexture 是 Unity 传递 给 我 们 的 深度 纹理 ， 而 _CurrentViewProjectionInverseMatrix 
和 _PreviousViewProjectionMatrix 是 ' 由 脚本 传递 而 来 的 矩阵 。 除 此 之 外 ， 我 们 还 声明 了 
_MainTex_TexelSize 变量 ， 它 对 应 了 主 纹理 的 纹 素 大 小 ， 我 们 需要 使 用 该 变量 来 对 深度 纹理 的 采 
样 坐标 进行 平台 差异 化 处 理 〈 详 见 5.6.1 节 )。 

(4) 顶点 着 色 器 的 代码 和 之 前 使 用 多 次 的 代码 基本 一 致 ， 只 是 增加 了 专门 用 于 对 深度 纹理 采 
样 的 纹理 坐标 变量 : 


Strmet Vet 

float4 pos : SV POSITION; 
half2 uv : TEXCOORDO; 

half2 uv depth : TEXCOORD1; 


}; 


v2f vert(lappdata img v) { 
VE 
OPOS = mul (UNITY MATRIX MVP, Vv.vertex); 


O.UuUV = V.texcoord; 
oO.uv depth = v.texcoord; 


#if UNITY UV _ STARTS AT TOP 
if ( MainTex TexelSize.y < 0) 

oO.uv depth.y = 1 - o.uv depth.y; 
#endif 


return o; 


由 于 在 本 例 中 ， 我 们 需要 同时 处 理 多 张 泻 染 纹理 ， 因 此 在 DirectX 这 样 的 平台 上 ， 我 们 需要 
处 理 平台 差异 导致 的 图 像 翻转 问题 。 在 上 面 的 代码 中 ， 我 们 对 深度 纹理 的 采样 坐标 进行 了 平台 差 
异化 处 理 ， 以 便 在 类 似 DirectX 的 平台 上 ， 在 开启 了 抗 锯齿 的 情况 下 仍然 可 以 得 到 正确 的 结果 。 
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(5) 片 元 着 色 器 是 算法 的 重点 所 在 : 


fixed4 frag(v2f i) : SV _ Target { 
// Get the depth buffer value at this pixel. 
float Q = SAMPLE DEPTH TEXTURE( CameraDepthTexture, i.uv depth); 
// H is the viewport position at this pixel in the range -1 to 1. 
tloatd He floatad(Lieuviw * 2 Tp. Lely 2 Ly 2 Ly) 
// Transform by the view-projection inverse. 
float4 D = mul( CurrentViewProjectionInverseMatrix, H); 
// Divide by w to get the world position. 
float4 worldPos = D / D.w; 
// Current viewport position 
float4 currentPos = H; 
// Use the world position, and transform by the previous view-projection matrix. 
float4 previousPos = mul( PreviousViewProjectionMatrix, worldPos); 


我 们 首先 需要 利用 深度 纹 
的 坐标 。 过 程 开始 于 对 深度 纹理 的 采样 ， 我 们 使 用 内 置 的 SAMPLE_DEPTH_TEXTURE 宏和 纹理 
坐标 对 深度 纹理 进行 采 相 
我 们 想 要 构建 像素 的 NDC 坐标 甩 ， 就 需要 把 这 个 深度 值 重新 映射 


// Convert to nonhomogeneous points [-1,1] by dividing by w. 
previousPos /= previousPos.w; 


// Use this frame's position and last frame's to compute the pixel velocity. 
float2 velocity = (currentPos.xy - previousPos.xy)/2.0f; 


float2 uv = i.uv; 

float4 c = tex2D( MainTex, uv); 

Uv += Velocity * BlurSize; 

for ‘(int it:= 1 it < ‘3; Tt UV += Velocity * BlurSize) { 
float4 currentColor = tex2D( MainTex, uv); 
C += currentColor; 


/= 3; 


Q 一 


return fixed4(c.rgb, 1.0); 


E 和 当前 帧 的 视角 * 投 影 矩 阵 的 逆 矩 阵 来 求 得 该 像素 在 世界 空间 下 


1 


Tk 


， 得 到 了 深度 值 4。 由 13.1.2 节 可 知 , & 是 由 NDC 下 的 坐标 映射 而 来 的 。 
NDC。 这 个 映射 很 简单 ， 只 


需要 使 用 原 映 射 的 反 函 数 即 可 ， 即 4 * 2 - 1。 同样 ，NDC 的 xy 分 量 可 以 由 像素 的 纹理 坐标 映射 而 
来 《NDC 下 的 xyz 分 量 范围 均 为 [-1, 1])。 当 得 到 NDC 下 的 坐标 五 后 ， 我 们 就 可 以 使 用 当前 帧 的 
视角 * 投 影 矩 阵 的 逆 和 矩阵 对 其 进行 变换 ， 并 把 结果 值 除 以 它 的 w 分 量 来 得 到 世界 空间 下 的 坐标 表 


示 worldPos。 
一 旦 得 到 了 世界 空间 下 的 坐标 , 我 们 就 可 以 使 用 前 一 帧 的 视角 * 投 影 和 矩阵 对 它 进行 变换 ,得 到 


前 一 帧 在 NDC 下 的 坐标 previousPos。 然 后 ， 我 们 计算 前 一 帧 和 当前 帧 在 屏幕 空间 下 的 位 置 差 ， 


得 到 该 像素 的 速度 velocity。 

当 得 到 该 像素 的 速度 后 ， 我 们 就 可 以 使 用 该 速度 值 对 它 的 邻 域 像 素 进 
到 一 个 模糊 的 效果 。 采 样 时 我 们 还 使 用 了 _BlurSize 来 控制 采样 距离 。 
(6) 然后 ， 我 们 定义 了 运动 模糊 所 需 的 Pass: 


值得 


过 


了 采样 ， 相 加 后 取 平 均 


EAS 


Pass { 


ZTest Always Cull Off ZWrite Off 
CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


ENDCG 


(7) 最 后 ， 我 们 关闭 了 shader 的 Fallback: 


| Fallback Off 


完成 后 返回 编辑 器 ， 并 把 Chapter13-MotionBlurWithDepthTexture 拖 电 到 摄像 机 的 MotionBlur 
WithDepthTexture.cs 脚本 中 的 motionBlurShader 参数 中 。 当 然 ， 我 们 可 以 在 MotionBlurWith 
DepthTexture.cs 的 脚本 面板 中 将 motionBlurShader 参数 的 默认 值 设置 为 Chapter13-MotionBlur 
WithDepthTexture， 这 样 就 不 需要 以 后 使 用 时 每 次 都 手动 拖 忠 了 。 

本 节 实 现 的 运动 模糊 适用 于 场景 静止 、 摄 像 机 快速 运动 的 情况 ， 这 是 因为 我 们 在 计算 时 只 考 
虑 了 摄像 机 的 运动 。 因 此 ， 如 果 读 者 把 本 节 中 的 代码 应 用 到 一 个 物体 快速 运动 而 摄像 机 静止 的 场 
景 ， 会 发 现 不 会 产生 任何 运动 模糊 效果 。 如 果 我 们 想 要 对 快速 移动 的 物体 产生 运动 模糊 的 效果 ， 
就 需要 生成 更 加 精确 的 速度 映射 图 。 读 者 可 以 在 Unity 自 带 的 ImageEffect 包 中 找到 更 多 的 运动 模 
糊 的 实现 方法 。 

本 节选 择 在 片 元 着 色 器 中 使 用 逆 和 矩阵 来 重建 每 个 像素 在 世界 空间 下 的 位 置 。 但 是 ， 这 种 做 法 
往往 会 影响 性 能 ， 在 13.3 节 中 ， 我 们 会 介绍 一 种 更 快速 的 由 深度 纹理 重建 世界 坐标 的 方法 。 


站 日 2 局 要 效 


雾 效 (Fog) 是 游戏 里 经 常 使 用 的 一 种 效果 。Unity 内 置 的 雾 效 可 以 产生 基于 距离 的 线性 或 指 
数 雾 效 。 然 而 ， 要 想 在 自己 编写 的 顶点 / 片 元 着 色 器 中 实现 这 些 雾 效 ， 我 们 需要 在 Shader 中 添加 
#pragma multi_compile_fog 指令 ， 同 时 还 需要 使 用 相关 的 内 置 宏 ， 例 如 UNITY_FOG_COORDS、 
UNITY_TRANSFER_FOG 和 UNITY_APPLY_FOG 等 。 这 种 方法 的 缺点 在 于 ， 我 们 不 仅 需要 为 场 
景 中 所 有 物体 添加 相关 的 泻 染 代码 7 而 且 能 够 实现 的 效果 也 非常 有 限 。 当 我 们 需要 对 雾 效 进 行 一 
些 个 性 化 操作 时 ， 例 如 使 用 基于 高 度 的 雾 效 等 ， 仅 仅 使 用 Unity 内 置 的 雾 效 就 变 得 不 再 可 行 。 
在 本 节 中 ， 我 们 将 会 学 习 一 种 基于 屏幕 后 
处 理 的 全 局 雾 效 的 实现 。 使 用 这 种 方法 ， 我 们 
不 需要 更 改 场景 内 演 染 的 物体 所 使 用 的 Shader 
代码 ， 而 仅仅 依靠 一 次 屏幕 后 处 理 的 步骤 即 可 。 
这 种 方法 的 自由 性 很 高 ， 我 们 可 以 方便 地 模拟 
各 种 雾 效 ， 例 如 均匀 的 雾 效 、 基 于 距离 的 线性 / 
指数 雾 效 、 基 于 高 度 的 雾 效 等 。 在 学 习 完 本 节 2 SR Te 
后 ， 我 们 可 以 得 到 类 似 图 13.5 中 的 效果 。 I 
基于 屏幕 后 处 理 的 全 局 雾 效 的 关键 是 ， 根 据 深度 纹理 来 重建 每 个 像素 在 世界 空间 下 的 位 置 。 尽 管 
在 13.2 节 中 ， 我 们 在 模拟 运动 模糊 时 已 经 实现 了 这 个 要 求 ， 即 构建 出 当前 像素 的 NDC 坐标 ， 再 通过 
当前 摄像 机 的 视角 * 投 影 矩 阵 的 逆 矩 阵 来 得 到 世界 空间 下 的 像素 坐标 ， 但 是 ， 这 样 的 实现 需要 在 片 元 
着 色 器 中 进行 矩阵 乘法 的 操作 ， 而 这 通常 会 影响 游戏 性 能 。 在 本 节 中， 我们 将 会 学 习 一 个 快速 从 深度 
纹理 中 重建 世界 坐标 的 方法 。 这 种 方法 首先 对 图 像 空 间 下 的 视 锥 体 射 线 〈 从 摄像 机 出 发 ， 指 向 图 像 上 
的 某 点 的 射线 ) 进行 插值 ， 这 条 射线 存储 了 该 像素 在 世界 空间 下 到 摄像 机 的 方向 信息 。 然 后 ， 我 们 把 
该 射线 和 线性 化 后 的 视角 空间 下 的 深度 值 相 乘 ， 再 加 上 摄像 机 的 世界 位 置 ， 就 可 以 得 到 该 像素 在 世界 
空间 下 的 位 置 。 当 我 们 得 到 世界 坐标 后 ， 就 可 以 轻松 地 使 用 各 个 公式 来 模拟 全 局 雾 效 了 。 


13.3.1 重建 世界 坐标 
在 开始 动手 写 代 码 之 前 ， 我 们 首先 来 了 解 如 何 从 深度 纹理 中 重建 世界 坐标 。 我 们 知道 ， 坐 标 


系 中 的 一 个 顶点 坐标 可 以 通过 它 相 对 于 另 一 个 顶点 坐标 的 偏 移 量 来 求 得 。 重 建 像素 的 世界 坐标 也 是 
基于 这 样 的 思想 。 我 们 只 需要 知道 摄像 机 在 世界 空间 下 的 位 置 ， 以 及 世界 空间 下 该 像素 相对 于 摄像 
机 的 偏 移 量 ， 把 它们 相 加 就 可 以 得 到 该 像素 的 世界 坐标 。 整 个 过 程 可 以 使 用 下 面 的 代码 来 表示 : 
| float4 worldPos = WorldSpaceCameraPos + linearDepth * interpolatedRay; 
其 中 ，_WorldSpaceCameraPos 是 摄像 机 在 世界 空间 下 的 位 置 ， 这 可 以 由 Unity 的 内 置 变量 直 
接 访 问 得 到 。 而 linearDepth * interpolatedRay 则 可 以 计算 得 到 该 像素 相对 于 摄像 机 的 偏 移 量 ， 
linearDepth 是 由 深度 纹理 得 到 的 线性 深度 值 ，interpolatedRay 是 由 顶点 着 色 器 输出 并 插值 后 得 到 
的 射线 ， 它 不 仅 包含 了 该 像素 到 摄像 机 的 方向 ， 也 包含 了 距离 信息 。linearDepth 的 获取 我 们 已 经 
在 13.1.2 节 中 详细 解释 过 了 ， 因 此 ， 本 节 着 重 解释 interpolatedRay 的 求法 。 

interpolatedRay 来 源 于 对 近 裁 剪 平 面 的 4 个 角 的 某 个 特定 向 量 的 插值 ， 这 4 个 向 量 包 含 了 它们 到 
摄像 机 的 方向 和 距离 信息 ， 我 们 可 以 利用 摄像 机 的 近 裁剪 平面 距离 、FOV、 横 纵 比 计算 而 得 。 图 13.6 
显示 了 计算 时 使 用 的 一 些 辅助 向 量 。 为 了 方便 计算 ， 我 们 可 以 先 计算 两 个 向 量 Right, 
它们 是 起 点 位 于 近 裁 剪 平面 中 心 、 分 别 指向 摄像 机 正 上 方 和 正 右 方 的 向 量 。 它 们 的 计算 公式 如 下 : 
FOV 
| 


toTop =camera.up X halfHeight 


Noll 


halfHeight =Near X tan | 


toRight =camera.right x halfHeight.aspect 
其 中 ，Near 是 近 裁 前 平面 的 距离 ，FOV 是 竖 直 方向 的 视角 范围 ，camera.up、camera.right 分 
别 对 应 了 摄像 机 的 正 上 方 和 正 右 方 。 
当 得 到 这 两 个 辅助 向 量 后， 我们 就 可 以 计算 4 个 角 相 对 于 摄像 机 的 方向 了 。 我 们 以 左上 角 为 
例 〈 见 图 13.6 中 的 TL 点 )， 它 的 计算 公式 如 下 : 
TL=camera.forward: Near+toTop-toRight 
读者 可 以 依靠 基本 的 矢量 运算 验证 上 面 的 结果 。 同 理 ， 其 他 3 个 角 的 计算 也 是 类 似 的 : 


TR=camera.forward + Near+toTop+toRight 


ul 


BL=camera.forward + Near-toTop-toRight 

BR=camera.forward . Near-toTlop+toRight 
注意 ， 上 面 求 得 的 4 个 向 量 不 仅 包含 了 方向 信息 ， 它 们 的 模 对 应 了 4 个 点 到 摄像 机 的 空间 距 
离 。 由 于 我 们 得 到 的 线性 深度 值 并 非 是 点 到 摄像 机 的 欧式 距离 ， 而 是 在 z 方向 上 的 距离 ， 因 此 ， 
我 们 不 能 直接 使 用 深度 值 和 4 个 角 的 单位 方向 的 乘积 来 计算 它们 到 摄像 机 的 偏 移 量 , 如 图 13.7 所 
示 。 想 要 把 深度 值 转换 成 到 摄像 机 的 欧式 距离 也 很 简单 ， 我 们 以 TL 点 为 例 ， 根 据 相 似 三 角形 原 
里 ，TL 所 在 的 射线 上 ， 像 素 的 深度 值 和 它 到 摄像 机 的 实际 距离 的 比 等 于 近 裁 前 平面 的 距离 和 TL 
向 量 的 模 的 比 ， 即 


depth _ Near 
dist |7L| 
由 此 可 得 ， 我 们 需要 的 TL 距离 摄像 机 的 欧 氏 距离 dist: 
dist = | x depth 
Near 


由 于 4 个 点 相互 对 称 ， 因 此 其 他 3 个 向 量 的 模 和 TL 相等 ， 即 我 们 可 以 使 用 
位 向 量 相 乘 ， 得 到 它们 对 应 的 向 量 值 : 


司 一 个 因子 和 单 


I7TZ| 
| Near | 


scale = 
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IL TR 
Rayr = 一 一 xScCcale， Kaym = 一 -一 xScaje 


| 三 | [TR | 


BL BR 
Raym =—— x scale, Raygr =——— Xscale 


[1BL | [BR| 


right 


4 图 13.6 计算 interpolatedRay 4 图 13.7 采样 得 到 的 深度 值 并 非 是 点 到 摄像 机 的 欧式 距离 


屏幕 后 处 理 的 原理 是 使 用 特定 的 材质 去 泻 染 一 个 刚好 填充 整个 屏幕 的 四 边 形 面 片 。 这 个 四 边 
形 面 片 的 4 个 顶点 就 对 应 了 近 裁 前 平面 的 4 个 角 。 因 此 ， 我 们 可 以 把 上 面 的 计算 结果 传递 给 顶点 
着 色 器 ， 顶 点 着 色 器 根据 当前 的 位 置 选择 它 所 对 应 的 向 量 ， 然 后 再 将 其 输出 ， 经 插值 后 传递 给 
元 着 色 器 得 到 interpolatedRay, 我 们 就 可 以 直接 利用 本 节 一 开始 提 到 的 公式 重建 该 像素 在 世界 空 
间 下 的 位 置 了 。 


13.3.2 ” 雾 的 计算 
在 简单 的 筋 效 实现 中 ， 我 们 需要 计算 一 个 筋 效 系数 f， 作 为 混合 原始 颜色 和 筋 的 颜色 的 混合 系数 : 
| float3 afterFog = f * fogColor + (1 - f) * origColor; 

这 个 和 雾 效 系数 f 有 很 多 计算 方法 。 在 Unity 内 置 的 筋 效 实现 中 , 支持 三 种 雾 的 计算 方式 一 一 线 
性 〈Linear)、 指 数 (Exponential) 以 及 指数 的 平方 《Exponential Squared )。 当 给 定 距离 z 后, f 的 
计算 公式 分 别 如 下 : 

Linear: 


d -一 7 5 辐 人 oy 三 
7 = 人 ，dum 和 dh 分 别 表示 受权 影响 的 最 小 距离 和 最 大 距离 


Exponential: 

大 e “ 昌 ，d 是 控制 雾 的 浓度 的 参数 。 

Exponential Squared: 

庆 eH ，4 是 控制 雾 的 浓度 的 参数 。 

在 本 节 中 ， 我 们 将 使 用 类 似 线性 筋 的 计算 方式 ， 计 算 基于 高 度 的 筋 效 。 具 体 方法 是 ， 当 给 定 
一 点 在 世界 空间 下 的 高 度 y 后 ，f 的 计算 公式 为 : 


H,,— ay wad, ee 
f= 二 于 一 ，Hwwn 和 Hwa 分 别 表示 受 雾 影响 的 起 始 高 度 和 终止 高 度 。 


end fF start 


max min 


13.3.3 ”实现 
为 了 在 Unity 中 实现 基 


出 


屏幕 后 处 理 的 筋 效 ， 我 们 需要 进行 如 下 准备 工作 。 
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(1) 新 建 一 个 场景 。 在 本 书 资 源 中 ， 该 场景 名 为 Scene_13_3。 在 Unity 5.2 中 ， 默 认 情 况 下 场 


景 将 包含 一 个 摄像 机 和 一 个 平行 光 , 并 且 使 
中 去 掉 场 景 中 的 天 空 盒子 。 
(2) 我 们 需要 搭建 一 个 测试 雾 效 的 场景 。 在 本 书 资 


了 内 置 的 天 空 盒子 ,在 Window -> Lighting -> Skybox 


源 的 实现 中 ， 我 们 构建 了 一 个 包含 3 面 墙 


的 房间 ， 并 放置 了 两 个 立方 体 和 两 个 球体 ， 它 们 都 使 用 
我 们 把 本 书 资源 中 的 Translating.cs 脚本 拖 忠 给 摄像 机 ， 


(3) 新 建 一 个 脚本 。 在 本 书 资源 中 ， 该 脚本 名 为 FogWithDepthTexture.cs。 把 该 脚本 拖 忠 到 摄 


像 机 上 。 


了 我 们 在 9.5 节 中 创建 的 标准 材质 。 同 时 ， 
让 其 在 场景 中 不 断 运 动 。 


(4) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter13-FogWithDepthTexture。 


我 
(1) 首先 ， 继 承 12.1 节 ! 
| pub] 
(2) 声明 该 效 呈 


public Shader fogShader; 
private Material fogMaterial = 


门 首先 来 编写 FogWithDepthTexture.cs 脚本 。 打 了 
创建 的 基 类 : 


lic class FogWithDepthTexture : 


玉生 本 


public Material material { 
get { 
fogMaterial = CheckShaderAndCreateMateri 
return fogMaterial; 


} 
(3) 在 本 节 中 ， 我们 需要 获取 摄像 机 的 相关 参数 ， 

要 获取 摄像 机 在 世界 空间 下 
Camera 组 件 和 Transform 组 件 : 


private Camera myCamera; 
public Camera camera { 

get { 

if 


(myCamera == null) { 
myCamera = GetComponent<Camera> (); 
} 


return myCamera; 
} 


private Transform myCameraTransform; 
public Transform cameraTransform { 

get { 

和 下 == 


null) { 
camera.transform; 


(myCameraTransform 
myCameraTransform = 
} 


return myCameraTransform; 


} 


(4) 定义 模拟 雾 效 时 使 用 的 各 个 参数 : 
[Range (0.0f，3.0f)] 
public float fogDensity = 1.0f; 
public Color fogColor = Color.white; 
public float fogStart = 0.0f; 
public float fogEnd = 2.0f; 


的 前 方 、 上 方 和 右 方 等 方向 ， 因 此 我 们 / 


于 该 脚本 ， 并 进行 如 下 修改 。 


PostEffectsBase { 


需要 的 Shader， 并 据 此 创建 相应 的 材质 : 


al (fogShader, fogMaterial); 


的 距离 、FOV 等 ， 同 时 还 需 
] 两 个 变量 存储 摄像 机 的 


如 近 裁 六 平 二 
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fogDensity 用 于 控制 雾 的 浓度 ，fogColor 用 于 控制 圾 的 颜色 。 我 们 使 用 的 圾 效 模拟 函数 是 基 
于 高 度 的 ， 因 此 参数 fogStart 用 于 控制 雾 效 的 起 始 高 度 ，fogEnd 用 于 控制 雾 效 的 终止 高 度 。 
(5) 由 于 本 例 需 要 获取 摄像 机 的 深度 纹理 , 我 们 在 脚本 的 OnEnable 函数 中 设置 摄像 机 的 相应 状态 : 


void OnEnable() { 
camera.depthTextureMode |= DepthTextureMode.Depth; 


} 
(6) 最 后 ， 我 们 实现 了 OnRenderImage 函数 ; 


void OnRenderImage (RenderTexture Src RenderTexture dest) { 
if (material != null) { 
Matrix4x4 frustumCorners = Matrix4x4.identity; 


float fov = camera.fieldOfView; 
float near = camera.nearClipPlane; 
float far = camera.farClipPlane; 
float aspect = camera.aspect; 


float halfHeight = near * Mathf.Tan(fov * 0.5f * Mathf.Deg2Rad); 
Vector3 toRight = cameraTransform.right * halfHeight * aspect; 
Vector3 toTop = cameraTransform.up * halfHeight; 


Vector3 topLeft = cameraTransform.forward * near + toTop - toRight; 
float scale = topLeft.magnitude / near; 


topLeft.Normalize(); 
topLeft *= scale; 


Vector3 topRight = cameraTransform.forward * near + toRight + toTop; 
topRight.Normalize/(); 
topRight *= scale; 


Vector3 bottomLeft = cameraTransform.forward * near - toTop - toRight; 
bottomLeft.Normalize/()> 
bottomLeft *= scale’: 


Vector3 bottomRight~= cameraTransform.forward * near + toRight - toTop; 
bottomRight.Normalize(); 
bottomRight *= scale; 


frustumCorners.SetRow (0 
frustumCorners.SetRow (1 
frustumCorners.SetRow (2 
frustumCorners.SetRow (3, 


/ bottomLeft); 

, bottomRight); 

, topRight); 
topLeft); 


material.SetMatrix(" FrustumCornersRay", frustumCorners); 
material.SetMatrix(" ViewProjectionInverseMatrix", (camera.projectionMatrix * 
camera.worldToCameraMatrix) .inverse); 


material.SetFloat 
material.SetColor 
material.SetFloat 
material.SetFloat 


"_ FogDensity", fogDensity); 
"_FogColor", fogColor); 
"_FogStart", fogStart); 
"_FogEnd", fogEnd); 


Graphics.Blit (src, dest, material); 
} else { 

Graphics.Blitl(src, dest); 
} 


OnRenderImage 首先 计算 了 近 裁 前 平面 的 四 个 角 对 应 的 向 量 ， 并 把 它们 存储 在 一 个 矩阵 类 型 的 
量 (frustumCorners) 中 。 计 算 过 程 我 们 已 经 在 13.3.1 节 中 详细 解释 过 了 ， 代 码 只 是 套用 了 之 前 讲 
的 公式 而 已 。 我 们 按 一 定 顺 序 把 这 四 个 方向 存储 到 了 frustumCorners 不 同 的 行 中 ， 这 个 顺序 是 非 
EE 要 的 ， 因 为 这 决定 了 我 们 在 顶点 着 色 器 中 使 用 哪 一 行 作为 该 点 的 待 插 值 向 量 。 随 后 ， 我 们 把 结 
果 和 其 他 参数 传递 给 材质 ， 并 调用 Graphics.Blit (src, dest material) 把 演 染 结果 显示 在 屏幕 上 。 

下 面 ， 我 们 来 实现 Shader 的 部 分 。 打 开 Chapter13-FogWithDepthTexture， 进 行 如 下 修改 。 


I 


于 


mh 
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让 


(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 属性 : 


Properties { 


_MainTex ("Base (RGB)", 2D) = "white" {} 
_FogDensity ("Fog Density", Float) = 1.0 
_FogColor ("Fog Color", Color) = (1, 1, 1, 1) 


_FogStart ("Fog Start", Float) = 
_FogEnd ("Fog End", Float) = 1.0 


(2) 在 本 节 中 , 我 们 使 用 CGINCLUDE 来 组 织 代码 。 我 们 在 SubShader 块 中 利用 CGINCLUDE 
和 ENDCG 语义 来 定义 一 系列 代码 : 


SubShader { 
CGINCLUDE 


ENDCG 


(3) 声明 代码 中 需要 使 用 的 各 个 变量 ， 


float4x4 FrustumCornersRay; 


sampler2D MainTex; 

half4 MainTex TexelSize; 
sampler2D CameraDepthTexture; 
half FogDensity; 

fixed4 FogColor; 

float FogStart; 

float FogEnd; 


_FrustumCornersRay 虽然 没有 在 Properties 中 声明 ， 但 仍 可 由 脚本 传递 给 Shader。 除 了 
Properties 中 声明 的 各 个 属性 ， 我 们 还 声明 了 深度 纹理 _CameraDepthTexture，Unity 会 在 背后 把 得 
到 的 深度 纹理 传递 给 该 值 。 

(4) 定义 顶点 着 色 器 : 


Struct v2f { 
float4 pos : SV_POSITION; 
half2 uv : TEXCOORDO; 
half2 uv depth : TEXCOORD1; 
float4 interpolatedRay : TEXCOORD2; 


f 


}; 


v2f vert(lappdata img v) { 
V2F Oe 
SROs = mul (UNITY MATRIX MVP, Vv.vertex); 


O.UuUV = V.texcoord; 
oO.uv depth = v.texcoord; 


#if UNITY UV_ STARTS AT TOP 
if ( MainTex TexelSize.y < 0) 
SUv. depthey = 1 = OUv depth.Y; 


#endif 
int index = 0; 
if (v.texcoord.x < 0.5 && Vv.texcoord.y < 0.5) { 
index = 0; 
else if (v.texcoord.x > 0.5 && v.texcoord.y < 0.5) { 
index = 1; 
else if (v.texcoord.x > 0.5 && v.texcoord.y > 0.5) { 
index = 2; 
else { 
index = 3; 
if UNITY UV_ STARTS AT TOP 
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if ( MainTex TexelSize.y < 0) 


index = 3 - index; 
#endif 
o.interpolatedRay = FrustumCornersRay[lindex]; 


return o; 


} 


在 v2f 结构 体 中 ， 我 们 除了 定义 顶点 位 置 、 屏 幕 图 像 和 深度 纹理 的 纹理 坐标 外 ， 还 定义 ] 
interpolatedRay 变量 存储 插值 后 的 像素 向 量 。 在 顶点 着 色 器 中 ， 我 们 对 深度 纹理 的 采样 坐标 进行 
了 平台 差异 化 处 理 。 更 重要 的 是 ， 我 们 要 决定 该 点 对 应 了 4 个 角 中 的 哪个 角 。 我 们 采用 的 方法 是 
判断 它 的 纹理 坐标 。 我 们 知道 ， 在 Unity 中 ， 纹 理 坐 标的 (0, 0) 点 对 应 了 左下 角 ， 而 (1 ]) 点 对 应 了 
右上 角 。 我 们 据 此 来 判断 该 顶点 对 应 的 索引 ， 这 个 对 应 关系 和 我 们 在 脚本 中 对 frustumCorners 的 
赋值 顺序 是 一 致 的 。 实 际 上 ， 不 同 平台 的 纹理 坐标 不 一 定 是 满足 上 面 的 条 件 的 ， 例 如 DirectX 和 
Metal 这 样 的 平台 ， 左 上 角 对 应 了 (0,，0) 点 ， 但 大 多 数 情况 下 Unity 会 把 这 些 平台 下 的 屏幕 图 像 进 
行 翻转 ， 因 此 我 们 仍然 可 以 利用 这 个 条 件 。 但 如 果 在 类 似 DirectX 的 平台 上 开启 了 抗 饮 齿 ，Unity 
就 不 会 进行 这 个 翻转 。 为 了 此 时 仍然 可 以 得 到 相应 顶点 位 置 的 索引 值 ， 我 们 对 索引 值 也 进行 了 平 


二 
二 


台 差 异化 处 理 〈 详 见 5.6.1 节 )， 以 便 在 必要 时 也 对 索引 值 进行 翻转 。 最 后 ， 我 们 使 用 索引 值 来 获 
取 _FrustumCornersRay 中 对 应 ee interpolatedRay 值 。 
尽管 我 们 这 里 使 用 了 很 多 判断 语句 ， 但 由 于 屏幕 后 处 理 所 用 的 模型 是 一 个 四 边 形 网 格 ， 只 包 
含 4 个 顶点 ， 因 此 这 些 操 作 不 会 对 性 Re 响 。 
(5) 我 们 定义 了 片 元 着 色 器 来 产生 筋 效 : 
fixed4 frag(v2f i) : SV Target /A 
float linearDepth = LinearEyeéDepth(SAMPLE DEPTH TEXTURE ( CameraDepthTexture, i. 
uv_depth)); 
float3 worldPos = WorldSpaceCameraPos + linearDepth * i.interpolatedRay.xy2z; 
float fogDensity = (_ FogEnd™= worldPos.y) / ( FogEnd - FogStart); 


fogDensity = saturate(fogDensity * FogDensity); 


fixed4 finalColor = tex2D( MainTex, i.uv); 
finalColor.rgb = lerp(finalColor.rgb, _FogColor.rgb, fogDensity); 


return finalColor; 


} 


首先 , 我们 需要 重建 该 像素 在 世界 空间 中 的 位 置 ,为 此 ,我 们 首先 使 用 SAMPLE_DEPTH_TEXTURE 
对 深度 纹理 进行 采样 ， 再 使 用 LinearEyeDepth 得 到 视角 空间 下 的 线性 深度 值 。 之 后 ， 与 interpolatedRay 
相 乘 后 再 和 世界 空间 下 的 摄像 机 位 置 相 加 ， 即 可 得 到 世界 空间 下 的 位 置 。 
得 到 世界 坐标 后 ， 模 拟 雾 效 就 变 得 非常 容易 。 在 本 例 中 , 我 们 选择 实现 基于 高 度 的 雾 效 模拟 ， 
计算 公式 可 参见 13.3.2 节 。 我 们 根据 材质 属性 _ FogEnd 和 _FogStart 计算 当前 的 像素 高 度 worldPos.y 
对 应 的 筋 效 系数 fogDensity， 再 和 参数 _FogDensity 相 乘 后 ， 利 用 saturate 函数 截取 到 [0, 1] 范 围 内 ， 
作为 最 后 的 雾 效 系数 。 然 后 ， 我 们 使 用 该 系数 将 雾 的 颜色 和 原始 颜色 进行 混合 后 返回 。 读 者 也 可 
以 使 用 不 同 的 公式 来 实现 其 他 种 类 的 雾 效 。 
(6) 随后 ， 我 们 定义 了 家 效 演 染 所 需 的 Pass: 


Pass { 
ZTest Always Cull Off ZWrite Off 


CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 
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(7) 最 后 ， 我 们 关闭 了 Shader 的 Fallback: 


| Fallback Off 


完成 后 返 


脚本 中 的 fogShader 参数 中 。 当 然 ， 我 们 可 以 在 FogWithDepthTexture.cs 的 脚本 玫 
数 的 默认 值 设 置 为 Chapter13-FogWithDepthTexture， 这 检 

本 节 介 绍 的 使 用 深度 纹理 重建 像素 的 世界 坐标 的 方法 是 非常 有 月 
类 型 是 透视 投影 的 前 提 下 。 女 


的 实现 是 基于 摄像 机 的 投影 
标 ， 需 要 使 
读者 可 以 尝 


j 不 同 的 公式 ， 但 请 读者 相信 ， 


回 编辑 器 , 并 把 Chapter13-FogWithDepthTexture 拖 电 到 摄像 机 的 FogWithDepthTexture.cs 


就 不 需要 以 后 使 有 


板 
有 时 每 次 都 手动 拖 忠 了 。 


将 fogShader 参 


[0 果 需 要 在 正 交 投影 的 情况 下 重 
这 个 过 程 不 会 比 透视 投影 的 情况 更 加 复杂 。 有 兴趣 的 
试 自行 推导 ， 或 参考 这 篇 博客 (http://www.derschmale.com/2014/03/19/reconstructing- 


日 的 。 但 需要 注意 的 是 ， 这 里 


建 世界 坐 


positions-from-the-depth-buffer-pt-2-perspective-and-orthographic-general-case/) 来 实现 。 


站 再 谈 边 缘 检 测 


在 12.3 节 中 , 我 们 曾 介绍 如 何 使 ) 
这 种 直接 利 
可 以 看 出 ， 物 体 的 纹理 、 


一 


阴影 等 


j Sobel 算 子 对 屏幕 图 


中 ， 我 们 将 学 习 如 何在 深度 和 法 线 纹理 上 进行 边缘 检测 ， 
过 这 样 


仅仅 保存 了 当前 演 染 物体 的 模型 信息 ， 通 
后 ， 我 们 可 以 得 到 类 似 图 13.9 : 


的 效果 。 


4 图 13.8 左边 ， 原 效果 ， 
右边 : 直接 对 颜色 图 像 进行 边缘 检测 的 结果 


的 方式 检测 


这 些 银 


在 深度 和 法 线 纹理 上 


像 不 会 受 纹 到 


像 进行 边缘 检测 , 实现 描 边 的 效果 。 
颜色 信息 进行 边缘 检测 的 方法 会 产生 很 多 我 们 不 希望 得 到 的 边缘 线 ， 如 
立 置 也 被 描 上 黑 边 ， 而 这 往往 不 是 我 们 希望 看 到 的 。 在 本 节 
E 和 光照 的 影响 ， 而 


但 是 ， 


图 13.8 所 示 。 


出 来 的 边缘 更 加 可 靠 。 


在 学 习 完 本 节 


行 更 健 } 


的 边缘 检测 。 


冬 | 
左边 : 了 上 


| 


与 12.3 节 使 用 Sobel 算 子 不 同 ,本 节 将 使 用 


测 。 它 使 用 的 卷 积 核 如 图 13.10 所 示 。 


Roberts 算 子 来 


进行 边缘 检 


Roberts 算 子 的 本 质 就 是 计算 左上 和 角 和 右 下 角 的 差 值 ， 乘 以 右上 角 和 左 


下 角 的 差 值 ， 作 为 评 佑 边缘 的 依据 。 在 下 画 


的 实现 中 ， 我 们 也 会 按 这 档 


方式 ， 取 对 角 方 向 
闵 值 (可 由 参数 控制 )， 就 认为 它们 
首先 ， 我 们 需要 进行 如 下 准备 工作 。 
(1) 新 建 一 个 场景 。 


的 深度 或 法 线 值 ， 比 较 它 们 2 


景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 有 
中 去 掉 场 景 中 的 天 空 盒子 。 
(2) 我 们 需要 搭建 一 个 测试 雾 效 的 场景 。 


的 房间 ， 并 放置 了 两 个 立方 体 和 两 个 球体 ， 它 们 都 使 有 


我 们 把 本 书 


资源 中 的 Translating.cs 脚本 拖 电 给 


的 


在 本 


间 的 差 值 ， 如 果 超 过 某 个 
间 存 在 一 条 边 。 


边 的 效果 。 右边 : 


个 亚 小 


讨 


在 本 书 资源 中 ， 该 场景 名 为 Scene_13 4。 在 Unity 5.2 中 ， 


资源 的 实现 中 ， 我 们 构建 了 一 个 包含 3 面 墙 
了 我 们 在 9.5 节 中 创建 的 标准 材质 。 


给 摄像 机 ， 让 其 在 场景 中 不 断 运动 。 


者 边 的 效果 


Roberts 
[of lo 
Gx Gy 


13.10 ”Roberts 算 子 


默认 情况 下 场 


月 了 内 置 的 天 空 盒子 。 在 Window 一 Lighting 一 Skybox 


同时 ， 
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四 


(3) 新 建 一 个 脚本 。 在 本 


资源 中 ， 该 脚本 名 为 EdgeDetectNormalsAndDepth.cs。 把 该 脚本 


拖 忠 到 摄像 机 上 。 


(4) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter13-EdgeDetectNormalAndDepth。 
我 们 首先 来 编写 EdgeDetectNormalsAndDepth.cs 脚本 。 该 脚本 与 12.3 节 中 实现 的 EdgeDetection.cs 


脚本 几乎 完全 一 样 ， 只 是 添加 了 一 些 新 的 属性 。 为 了 完整 性 ， 我 们 再 次 说 明 对 该 脚本 进行 的 修改 。 


(1) 首先 ， 继 承 12.1 节 中 创建 的 基 类 : 


public class EdgeDetectNormalsAndDepth : PostEffectsBase { 


(2) 声明 该 效果 需要 的 Shader， 并 据 此 创建 相应 的 材质 : 


public Shader edgeDetectShader; 
private Material edgeDetectMaterial = null; 
public Material material { 
get { 
edgeDetectMaterial = CheckShaderAndCreateMaterial (edgeDetectShader, edgeDetectMaterial); 
return edgeDetectMaterial; 


(3) 在 脚本 中 提供 了 调整 边缘 线 强度 描 边 颜色 以 及 背景 颜色 的 参数 。 同 时 添加 了 控制 采样 距 


离 以 及 对 深度 和 法 线 进 行 边 缘 检 测 时 的 灵敏 度 参数 : 


[Range (0.0f，1.0f)] 
public float edgesOnly = 0.0f; 


public Color edgeColor = C01lor.Back; 
public Color backgroundColor= Eolor.white; 
public float sampleDistance®= 1.0f7 


public float sensitivityDepth = 1.0f; 


public float sensitivityNormals = 1.0f; 


sampleDistance 用 于 控制 对 深度 + 法 线 纹理 采样 时 ， 使 用 的 采样 距离 。 从 视觉 上 来 看 ， 


sampleDistance 值 越 大 ， 描 边 越 宽 。sensitivityDepth 和 sensitivityNormals 将 会 影响 当 邻 域 的 深度 值 
或 法 线 值 相差 多 少时 ， 会 被 认为 存在 一 条 边界 。 如 果 把 灵敏 度 调 得 很 大 ， 那 么 可 能 即使 是 深度 或 


的 相应 状态 : 


法 线 上 很 小 的 变化 也 会 形成 一 条 边 。 


(4) 由 于 本 例 需 要 获取 摄像 机 的 深度 + 法 线 纹理 ， 我 们 在 脚本 的 OnEnable 函数 中 设置 摄像 机 


void OnEnable() 
GetComponent<Camera>() .depthTextureMode |= DepthTextureMode.DepthNormals; 
} 


(5) 实现 OnRenderImage 函数 ， 把 各 个 参数 传递 给 材质 : 


[ImageEffectOpaque] 
void OnRenderImage (RenderTexture src, RenderTexture dest) { 
if (material != null) { 


material.SetFloat(" EdgeOnly", edgesOnly); 

material.SetColor(" EdgeColor", edgeColor); 

material.SetColor(" BackgroundColor", backgroundColor); 

material.SetFloat(" SampleDistance", sampleDistance); 

material.SetVector(" Sensitivity", new Vector4 (sensitivityNormals, 
sensitivityDepth, 0.0f, 0.0f)); 


Graphics.Blit(src, dest, material); 
} else { 
Graphics.Blitl(src, dest); 


需要 注意 的 是 ， 这 里 我 们 为 OnRenderImage 函数 添加 了 [ImageEffectOpaque] 属 性 。 我 们 曾 在 12.1 


节 中 提 到 过 该 属性 的 含义 。 在 默认 情况 下 ,OnRenderImage 函数 会 在 所 有 的 不 透明 和 透明 的 Pass 执行 
完毕 后 被 调用 ， 以 便 对 场景 中 所 有 游戏 对 象 都 产生 影响 。 但 有 时 ， 我 们 希望 在 不 透明 的 Pass( 即 演 染 
队列 小 于 等 于 2500 的 Pass， 内 置 的 Background、Geometry 和 AlphaTest 演 染 队列 均 在 此 范围 内 ) 执 


行 完 毕 后 立即 调 


Lom 


局 


望 对 不 透明 物体 进行 描 边 ， 而 不 希望 透明 物体 也 被 描 边 ， 因 此 需要 添加 该 属性 。 


该 函数 ， 而 不 对 透明 物体 ( 泻 染 队 列 为 Transparent 的 Pass) 产生 影响 ， 此 时 ， 我 们 
以 在 OnRenderImage 函数 前 添加 ImageEffectOpaque 属性 来 实现 这 样 的 目的 。 在 本 例 中 ， 我 们 只 和 希 


下 面 ， 我 们 来 实现 Shader 的 部 分 。 打 开 Chapter13-EdgeDetectNormalAndDepth， 进 行 如 下 修改 。 


(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 属性 : 


Properties { 
_MainTex ("Base (RGB)", 2D) = "white" {} 
_Edgeonly ("Edge Only", Float) = 1.0 
_EdgeColor ("Edge Color", Color) = (0, 0, 0 
_BackgroundColor ("Background Color", Color 
_SampleDistance ("Sample Distance", Float) 
_Sensitivity ("Sensitivity", Vector) = (1, 


Fm 1 一 、 


} 


其 中 ，_Sensitivity 的 xy 分 量 分 别 对 应 了 法 线 和 深度 的 检测 灵敏 度 , zw 分 量 则 没 


实际 用 途 。 


(2) 在 本 节 中 ,我们 使 用 CGINCLUDE 来 组 织 代码 。 我 们 在 SubShader 块 中 利用 CGINCLUDE 


和 ENDCG 语义 来 定义 一 系列 代码 : 


SubShader { 
CGINCLUDE 


ENDCG 


(3) 为 了 在 代码 中 访问 各 个 属性 ， 我 们 需要 在 CG 代码 块 中 声明 对 应 的 变量 : 


sampler2D MainTex; 

half4 MainTex TexelSize; 

fixed EdgeOnly; 

fixed4 EdgeColor; 

fixed4 BackgroundColor; 

float SampleDistance; 

half4 Sensitivity; 

sampler2D CameraDepthNormalsTexture; 


在 上 面 的 代码 中 ， 我 们 声明 了 需要 获取 的 深度 + 法 线 纹理 _CameraDepthNormalsTexture。 


于 


我 们 需要 对 邻 域 像 素 进行 纹理 采样 ， 所 以 还 声明 了 存储 纹 素 大 小 的 变量 _MainTex_TexelSize。 


(4) 定义 顶点 着 色 器 : 


struct V2 
float4 pos : SV_POSITION; 
half2 uv[5]: TEXCOORDO; 


}; 
v2f vert(lappdata img v) { 
V2f. :0O% 


o.pos = mul (UNITY MATRIX MVP, Vv.vertex); 


half2 uv = v.texcoord; 
o.uv[0] = uv; 


#if UNITY UV_ STARTS AT TOP 
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if ( MainTex TexelSize.y < 0) 


UvV.y= 1 - uv.y; 
#endif 
o.uv[1] = uv + MainTex TexelSize.xy * half2(1,1) * SampleDistance; 
o.uv[2] = uv + MainTex TexelSize.xy * half2(- a * _SampleDistance; 
o.uv[3] = uv + MainTex TexelSize.xy * half2(-1,1) * SampleDistance; 
o.uv[4] = uv + MainTex TexelSize.xy * half2(1,-1) * SampleDistance; 
return oO; 


我 们 在 v2f 结构 体 中 定义 了 一 个 维 数 为 5 的 纹理 坐标 数组 。 这 个 数组 的 第 一 个 坐标 存储 了 屏 
幕 颜色 图 像 的 采样 纹理 。 我 们 对 深度 纹理 的 采样 坐标 进行 了 平台 差异 化 处 理 ， 在 必要 情况 下 对 它 
的 竖 直方 向 进行 了 翻转 。 数 组 中 剩余 的 4 个 坐标 则 存储 了 使 用 Roberts 算 子 时 需要 采样 的 纹理 坐 
标 ， 我 们 还 使 用 了 _SampleDistance 来 控制 采样 距离 。 通 过 把 计算 采样 纹理 坐标 的 代码 从 片 元 着 色 
器 中 转移 到 顶点 着 色 器 中 ， 可 以 减少 运算 ， 提 高 性 能 。 由 于 从 顶点 着 色 器 到 片 元 着 色 器 的 插值 是 
线性 的 ， 因 此 这 样 的 转移 并 不 会 影响 纹理 坐标 的 计算 结果 。 

(5) 然后 ， 我 们 定义 了 片 元 着 色 器 : 


fixed4 fragRobertsCrossDepthAndNormal (v2f i) : SV Target { 
half4 samplel = tex2D( CameraDepthNormalsTexture, i.uv 
half4 sample2 = tex2D( CameraDepthNormalsTexture, i 
half4 sample3 tex2D( CameraDepthNormalsTexture, i.uv 
half4 sample4 tex2D( CameraDepthNormalsTexture, i 


tk 


half edge = 1.0; 


heckSame (samplelAsamplLle2) 7 
heckSame (sample3, Sample4) 


fixed4 withEdgeColor 
fixed4 onlyEdgeColor 


Leérp( EdgeColor, tex2D( MainTex, i.uv[0]), edge); 
lerp( EdgeColor, BackgroundColor, edge); 


return lerp(withEdgeColor, onlyEdgeColor, EdgeOnly); 


我 们 首先 使 用 4 个 纹理 坐标 对 深度 + 法 线 纹理 进行 采样 ， 再 调用 CheckSame 函数 来 分 别 计算 
对 角 线 上 两 个 纹理 值 的 差 值 。CheckSame 函数 的 返回 值 要 么 是 0， 要 么 是 1， 返 回 0 时 表明 这 两 
点 之 间 存 在 一 条 边界 ， 反 之 则 返回 1。 它 的 定义 如 下 : 


half CheckSame (half4 center, half4 sample) { 
half2 centerNormal = center.xy; 
float centerDepth = DecodeFloatRG (center.zw); 
half2 sampleNormal = sample.xy; 
float sampleDepth = DecodeFloatRG (sample.zw); 


// difference in normals 

// do not bother decoding normals - there's no need here 

half2 diffNormal = abs (centerNormal - sampleNormal) * Sensitivity.x; 
int isSameNormal = (diffNormal.x + diffNormal.y) < 0.1; 

// difference in depth 

float diffDepth = abs(centerDepth - sampleDepth) * Sensitivity.y; 

// scale the required threshold by the distance 

int isSameDepth = diffDepth < 0.1 * centerDepth; 


A EEtuENS 

// 1 - if normals and depth are similar enough 
// 0 - otherwise 

return isSameNormal * isSameDepth ? 1.0 : 0.0; 


} 


CheckSame 首先 对 输入 参数 进行 处 理 ， 得 到 两 个 采样 点 的 法 线 和 深度 值 。 值 得 济 
里 我 们 并 没有 解码 得 到 真正 的 法 线 值 ， 而 是 直接 使 用 了 xy 分 量 。 这 是 因为 我 们 只 需要 比较 两 个 采 
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样 值 之 间 的 差异 度 ， 而 3 


并 取 绝 对 值 ， 


再 乘 以 灵敏 度 参 数 ， 把 差异 


于 阔 值 ， 则 返回 1， 说 明 差 异 不 明显 


不 需要 知道 它们 真正 的 法 


=- 线 值 。 


My， 不 存在 一 


检查 结果 相 乘 ， 作 为 组 合 后 的 返回 值 。 


当 通 过 CheckSame 函数 得 到 边缘 信息 后 ， 片 元 着 色 器 就 利 ) 


的 步骤 一 致 。 
(6) 然后 ， 我 们 定义 了 边 


Pass { 


力 缘 检 测 需 要 使 有 


值 的 每 个 分 量 相 加 再 


和 


然后 ， 我 们 把 两 个 采样 点 的 对 应 值 


相 减 


个 闵 值 比较 ， 如 果 它 们 的 和 小 


条 边界 ;否则 返 


可 0。 最 后 ,我 们 把 法 线 和 深度 的 


ZTest Always Cull Off ZWrite Off 


CGPROGRAM 


#pragma vertex vert 


崩 的 Pass: 


#pragma fragment fragRobertsCrossDepthAndNormal 


ENDCG 
} 


(7) 最 后 ， 我 们 关闭 了 该 Shader 的 Fallback: 


| Fallback Off 


完成 后 返 


该 值 进行 颜色 混合 ， 这 和 12.3 


加 编辑 器 ， 并 把 Chapter13-EdgeDetectNormalAndDepth 拖 忠 到 摄像 机 的 EdgeDetect 


NormalsAndDepth.cs 脚本 中 的 edgeDetectShader 参数 中 。 当 然 ， 我 们 可 以 在 EdgeDetectNormals 


AndDepth.cs 的 膨 


本 面板 中 将 edgeDetectShader 参数 的 默认 值 


AndDepth， 这 样 就 不 需要 以 后 使 / 


设置 为 Chapter13-EdgeDetectNormal 


时 每 次 都 手动 拖 忠 了 。 


本 节 实 现 的 描 边 效果 是 基于 整 
ee 
在 该 物体 周围 添加 一 层 描 边 
Graphics.DrawMeshNow 
后 再 使 / 


EEC: 


个 / 


国 值 ， 如 果 是 ， 就 在 Shader 中 使 


| 扩展 阅读 


， 我 们 介绍 了 如 企 


何 使 有 


和 0 
通过 使 用 Unity 的 着 色 器 


换 (Shader Replacement) 


撞 边 的 物体 再 次 泻 
] 本 提 到 的 边缘 检测 算法 计算 深度 或 法 线 纹 开 
] clipO 函 数 将 该 像素 剔除 掉 ， 从 而 显示 出 原来 的 物体 颜色 。 


: 幕 空间 进行 的 ， 也 就 是 说 , 场景 内 
的 物体 进行 描 边 ， 例 如 当 ] 


门 可 


的 所 有 物体 都 会 被 添加 描 边 


玩家 选中 场景 中 的 某 个 物体 后 ， 我 们 想 要 
以 使 用 Unity 提供 
染 一 遍 〈 在 所 有 不 透明 物体 泻 染 完毕 之 后 )， 然 


的 Graphics.DrawMesh 或 


深度 和 法 线 纹理 实现 诸如 全 局 雾 效 、 边 
但 实际 上 我 们 可 以 在 Unity 中 创建 任何 需要 的 缓存 纹理 。 
〈 即 调用 Camera.RenderWithShader(shader, 


功能 


中 每 个 像素 的 梯度 


值 ,判断 它们 是 否 小 于 某 个 


缘 检测 等 效果 。 尽 管 
这 可 以 


replacementTag) 函 数 ) 把 整个 场景 再 次 演 染 一 遍 来 得 到 ， 而 在 很 多 时 候 ， 这 实际 也 是 Unity 创建 深 


度 和 法 线 纹理 时 使 / 
深度 和 法 线 纹 到 


的 方法 。 
在 


屏幕 特效 的 实现 
靠 这 两 种 纹理 的 帮助 。Unity 曾 在 2011 年 的 SIGGRAPH (i 


于 使 用 深度 纹理 
depth- 


实现 各 种 特效 


的 演 


往往 扮演 了 重要 的 角色 
| 算 图 形 学 的 顶级 会 议 ) 上 做 了 一 个 关 
( http://blogs.unity3d.com/2011/09/08/special-effects-with- 


。 许 多 特殊 的 屏幕 效果 都 需要 依 


talk-at-siggraph/)。 在 这 个 演讲 中 ，Unity 的 工作 人 员 解 释 了 如 何 利 用 深度 纹理 来 实现 特定 物 


体 的 描 边 、 角 色 护 盾 、 相 交 线 的 高 光 模 拟 等 效果 。 在 Unity 的 Image Effect (http://docs.unity3d.com/ 


Manual/comp-ImageEffects.html) 包 中 ， 读 者 也 可 以 找到 一 


例子 ， 例 如 屏幕 空间 的 环境 遮挡 


些 传 统 的 使 用 深度 纹理 实现 


屏幕 特效 的 


(Screen Space Ambient Occlusion，SSAO) 等 效果 。 
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非 真实 感 演 染 


尽管 游戏 泻 染 一 般 都 是 以 照相 写实 主义 (photorealism ) 作为 主要 目标 ， 但 也 有 许多 游戏 使 


Se 


3 


[ce 


的 一 个 主要 目标 是 ， 使 
卡通 、 水 彩 风格 等 。 


现 一 个 包含 了 简单 漫 反射 
果 的 实现 。 在 本 章 最 后 ， 
到 更 多 非 真实 感 泻 染 的 实 


看 卡通 风格 的 泻 染 


FE 通风 格 是 游戏 中 党 
例如 物体 都 被 黑色 的 线条 


在 本 章 中 ， 我 们 将 会 介 


了 非 真实 感 泻 染 (Non-Photorealistic Rendering ，NPR) 的 方法 来 泻 染 游戏 画 国 


绍 两 种 常见 的 非 真实 感 泻 染 方法 。 在 14.1 节 ! 


。 非 真实 感 泻 


用 一 些 演 染 方法 使 得 画面 达到 和 某 些 特殊 的 绘画 风格 相似 的 效果 ， 例 如 


， 我 们 将 会 学 习 如 何 实 


、 高 光 和 描 边 的 卡通 风格 的 演 染 效果 。14.2 节 将 会 介绍 一 种 实时 素描 效 
我 们 还 会 给 出 一 些 关 于 非 真 实感 泻 染 的 资料 ， 读 者 可 以 在 这 些 文献 中 找 


现 方法 。 


见 的 一 种 泻 染 风格 。 使 用 这 种 风格 
描 边 ,% 以 及 分 明 的 明暗 变化 等 。 


会 社 开发 的 游戏 《大 神 》 
所 示 ， 这 种 泻 染 风格 获得 
要 实现 卡通 演 染 有 很 


Gooch 等 人 在 他 们 1998 年 的 一 篇 论文 中 中 提 


的 游戏 画面 通常 有 


些 


有 的 特点 ， 


日 本 卡 普 空 〈 英 文 名 : Capcom) 株式 


[aol 


(英文 名 : /Okami)》 就 使 用 
了 广泛 赞誉 。 


了 水 


多 方法 ， 其 中 之 一 就 是 使 


给 


往 会 使 用 漫 反 射 系数 对 


张 一 维 纹理 进行 采样 ， 


、 


纹理 实现 过 这 样 的 效果 。 
型 的 高 光 往 往 是 一 块 块 分 
除了 光照 模型 不 同 儿 
们 兽 介 绍 使 用 屏幕 后 处 理 
这 种 方法 的 实现 更 加 简单 
在 本 节 结 束 后 ， 我 们 


受 | 


14.1 游戏 《大 神 
泻 染 轮廓 线 


A 


14.1.1 


在 实时 演 染 中 , 轮廓 线 的 泻 染 是 应 月 


界 明 显 的 纯色 区 域 。 
， 卡 通风 格 i 
技术 对 屏幕 图 


并 实现 了 基于 1 
以 控 


获 + 


FE 通风 格 来 演 染 整个 画 


本 ， 如 网 14.1 


基于 色调 的 着 色 技 术 (tone-based shading ) 。 
色调 的 光照 模型 。 在 实现 中 ， 我 们 往 
判 漫 反 射 的 色调 。 我 们 曾 在 7.3 节 使 


渐变 


FE 通风 格 的 高 光 效 果 也 和 我 们 之 前 学 习 的 光照 不 同 。 在 卡通 风格 中 


测 | 


》( 英文 名 : 0kami ) 的 游戏 截 


， 模 


通常 还 需要 在 物体 边缘 部 分 绘制 轮廓 。 在 之 前 的 章节 中 ， 我 
像 进 行 描 边 。 在 本 节 , 我 们 将 会 介绍 基于 模型 的 描 边 方法 ， 
， 而 且 在 很 多 情况 下 也 能 得 到 不 错 的 效果 。 
将 会 实现 类 似 图 14.2 的 效果 。 


ATARV 


上 通风 格 的 泻 染 效果 


非常 广泛 的 一 种 效果 。 近 20 年 来 ， 有 许多 绘制 模型 轮廓 


线 的 方法 被 先后 提出 来 。 在 《Real Time Rendering, third edition》 一 书 中 ， 作 者 把 这 些 方法 分 成 了 
5 种 类 型 。 
。 基于 观察 角度 和 表面 法 线 的 轮廓 线 演 染 。 这 种 方法 使 用 视角 方向 和 表面 法 线 的 点 乘 结果 来 
得 到 轮廓 线 的 信息 。 这 种 方法 简单 快速 ， 可 以 在 一 个 Pass 中 就 得 到 泻 染 结果 ， 但 局 限 性 
很 大 ， 很 多 模型 泻 染 出 来 的 描 边 效果 都 不 尽 如 人 意 。 
。 过 程式 几何 轮廓 线 泻 染 。 这 种 方法 的 核心 是 使 用 两 个 Pass 泻 染 。 第 一 个 Pass 演 染 背面 的 
面 片 ， 并 使 用 某 些 技术 让 它 的 轮廓 可 见 ， 第 二 个 Pass 再 正常 泻 染 正面 的 面 片 。 这 种 方法 
的 优点 在 于 快速 有 效 , 并且 适 用 于 绝 大 多 数 表面 平滑 的 模型 , 但 它 的 缺点 是 不 适合 类 似 于 
立方 体 这 样 平整 的 模型 。 
。 基于 图 像 处 理 的 轮廓 线 演 染 。 我们 在 第 12、13 章 介绍 的 边缘 检测 的 方法 就 属于 这 个 类 别 。 
这 种 方法 的 优点 在 于 ,可 以 适用 于 任何 种 类 的 模型 。 但 它 也 有 自身 的 局 限 所 在 ,一些 深 度 
和 法 线 变 化 很 小 的 轮廓 无 法 被 检测 出 来 ， 例 如 果子 上 的 纸张 。 
。 基于 轮廓 边 检 测 的 轮廓 线 泻 染 。 上 面 提 到 的 各 种 方法 ， 一 个 最 大 的 问题 是 ， 无 法 控制 轮廓 
线 的 风格 泻 染 。 对 于 一 些 情况 , 我 们 希望 可 以 泻 染 出 独特 风格 的 轮廓 线 , 例如 水 墨 风格 等 。 
为 此 ,我 们 希望 可 以 检测 出 精确 的 轮廓 边 ， 然 后 直接 泻 染 它们 。 检测 一 条 边 是 否 是 轮廓 边 
的 公式 很 简单 ， 我 们 只 需要 检查 和 这 条 边 相 邻 的 两 个 三 角 面 片 是 否 满足 以 下 条 件 ; 
(no'v>0) 天 (niVy>0) 
其 中 ，no 和 mi 分 别 表示 两 个 相 邻 三 角 面 片 的 法 向 ，v 是 从 视角 到 该 边 上 任意 顶点 的 方向 。 上 
述 公式 的 本 质 在 于 检查 两 个 相 邻 的 三 角 面 片 是 否 一 个 朝 正 面 、 一 个 朝 背 面 。 我 们 可 以 在 几何 着 色 
器 〈Geometry Shader) 的 帮助 下 实现 上 面 的 检测 过 程 。 当 然 ， 这 种 方法 也 有 缺点， 除了 实现 相对 
复杂 外 ， 它 还 会 有 动画 连贯 性 的 问题 。 也 就 是 说 ， 由 于 是 逐 帧 单独 提取 轮廓 ， 所 以 在 帧 与 帧 之 间 
会 出 现 跳 跃 性 。 
。 最 后 一 个 种 类 就 是 混合 了 上 述 的 几 种 泻 染 方法 。 例 如 ， 首 先 找到 精确 的 轮廓 边 ， 把 模型 和 轮 
亡 边 泻 染 到 纹理 中 ,再 使 用 图 像 处 理 的 方法 识别 出 轮廓 线 ， 并 在 图 像 空间 下 进行 风格 化 泻 染 。 
在 本 节 中 ， 我 们 将 会 在 Unity 中 使 用 过 程式 几何 轮廓 线 泻 染 的 方法 来 对 模型 进行 轮廓 描 边 。 我 
们 将 使 用 两 个 Pass 演 染 模型 : 在 第 一 个 Pass 中 ， 我 们 会 使 用 轮廓 线 颜色 演 染 整个 背面 的 面 片 ， 并 
在 视角 空间 下 把 模型 顶点 沿 着 法 线 方向 向 外 扩张 一 段 距离 ， 以 此 来 让 背部 轮廓 线 可 见 。 代 码 如 下 : 


| ViewPos = viewPos + ViewNormal * Outline; 


但 是 ， 如 果 直 接 使 用 顶点 法 线 进行 扩展 ， 对 于 一 些 内 四 的 模型 ， 就 可 能 发 生 背 面 面 片 遮挡 正 


腹面 片 的 情况 。 为 了 尽 可 能 防止 出 现 这 样 的 情况 ， 在 扩张 背面 顶点 之 前 ， 我 们 首先 对 顶点 法 线 的 
z 分 量 进行 处 理 ， 使 它们 等 于 一 个 定 值 ， 然 后 把 法 线 归 一 化 后 再 对 顶点 进行 扩张 。 这 样 的 好 处 在 
于 ， 扩 展 后 的 背面 更 加 扁平 化 ， 从 而 降低 了 让 挡 正面 面 片 的 可 能 性 。 代 码 如 下 : 

viewNormal.z = -0.5; 

viewNormal = normalize (viewNormal); 


ViewPos = viewPos + ViewNormal * Outline; 
14.1.2 添加 高 光 

前 面 提 到 过 ， 卡 通风 格 中 的 高 光 往往 是 模型 上 一 块 块 分 界 明显 的 纯色 区 域 。 为 了 实现 这 种 
果 ， 我 们 就 不 能 再 使 用 之 前 学 习 的 光照 模型 。 回 顾 一 下 ， 在 之 前 实现 Blinn-Phong 模型 的 过 程 中 ， 
我 们 使 用 法 线 点 乘 光 照 方 向 以 及 视角 方向 和 的 一 半 ， 再 和 男 一 个 参数 进行 指数 操作 得 到 高 光 反 射 
系数 。 尺码 如 下 : 


| float spec = pow(max(0, dot (normal, halfDir)), _Gloss) 


洋 
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对 于 卡通 演 染 需要 的 高 光 反 射 光 照 模 型 ， 我 们 同样 需要 计算 normal 和 halfDir 的 点 乘 结果 ， 
但 不 同 的 是 ， 我 们 把 该 值 和 一 个 阔 值 进行 比较 ， 如 果 小 于 该 立 值 ， 则 高 光 反 里 系数 为 0， 和 否则 返 
回 1。 


float spec = dot (worldNormal, worldHalfDir); 
spec = step(threshold, spec); 


在 上 面 的 代码 中 ， 我 们 使 用 CG 的 step 函数 来 实现 和 阔 值 比较 的 目的 。step 函数 接受 两 个 参 
数 ， 第 一 个 参数 是 参考 值 ， 第 二 个 参数 是 待 比较 的 数值 。 如 果 第 二 个 参数 大 于 等 于 第 一 个 参数 ， 
则 返回 1， 和 否则 返回 0。 

旧 是 ， 这 种 粗暴 的 判断 方法 会 在 高 光 区 域 的 边界 造成 饥 齿 ， 如 图 14.3 左 图 所 示 。 出 现 这 种 | 
题 的 原因 在 于 ， 高 光 区 域 的 边缘 不 是 平滑 渐变 的 ， 而 是 由 0 突变 到 1。 要 想 对 其 进行 抗 锯 齿 处 理 ， 
我 们 可 以 在 边界 处 很 小 的 一 块 区 域内 ， 进 行 平 滑 处 理 。 代 码 如 下 : 


float spec = dot(worldNormal, worldHalfDir); 
spec = lerp(0, 1, smoothstep(-w, w, spec - threshold)); 


在 上 面 的 代码 中 ， 我 们 没有 像 之 前 一 样 直 接 使 用 step 函数 返回 0 或 1， 而 是 首先 使 用 了 CG 
的 smoothstep 函数 。 其 中 , w 是 一 个 很 小 的 值 ， 当 spec - threshold 小 于 -w 时， 返回 0， 大 于 w 时 ， 
返回 1， 和 否则 在 0 到 1 之 间 进 行 插值 。 这 样 的 效果 是 ， 我 们 可 以 在 [-w, w] 区 间 内 ， 即 高 光 区 域 的 
边界 处 ， 得 到 一 个 从 0 到 1 平滑 变化 的 spec 值 ， 从 而 实现 抗 锯齿 的 目的 。 尽 管 我 们 可 以 把 w 设 为 
一 个 很 小 的 定 值 ， 但 在 本 例 中 ， 我 们 选择 使 用 邻 域 像素 之 间 的 近似 导数 值 ， 这 可 以 通过 CG 的 
fwidth 函数 来 得 到 。 


已 


4 图 14.3 左边: 未 对 高 光 区 域 进 行 抗 锯齿 处 理 ， 右 边 : 使 用 fwidth 函数 对 高 光 区 域 进行 抗 锯齿 处 理 

当然 ， 卡 通 泻 染 中 的 高 光 往往 有 更 多 个 性 化 的 需要 。 例 如 ， 很 多 卡通 高 光 特 效 希 望 可 以 随意 
伸缩 、 方 块 化 光照 区 域 。Anjyo 等 人 在 他 们 2003 年 的 一 篇 论文 中 中 给 出 了 一 种 风格 化 的 卡通 高 光 的 实 
现 。 读 者 也 可 以 在 这 篇 非 真 实感 演 染 的 博文 http://blog.csdn.net/candycat1992/article/details/47284289) 
中 找到 这 种 方法 在 Unity 中 的 实现 。 


14.1.3 ”实现 

我 们 现在 已 经 有 了 理论 基础 ， 是 时 候 在 Unity 中 验证 我 们 的 结果 了 。 为 此 ， 我 们 需要 进行 如 
下 准备 工作 。 

(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_14_1。 在 Unity 5.2 中 ， 默 
认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子。 在 Window 一 
Lighting 一 Skybox 中 去 掉 场景 中 的 天 空 盒 

(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 ToonShadingMat。 
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(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Unity Shader 名 为 Chapter14-ToonShading。 把 


新 的 Unity Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 在 场景 中 拖 忠 一 个 Suzanne 模型 ， 并 把 第 2 步 中 的 材质 赋 给 该 模型 。 


(5) 保存 场景 。 
打开 Chapter14-ToonShading， 关 键 修改 如 下 。 
(1) 首先 ， 我 们 需要 声明 本 例 使 用 各 个 属性 : 


Properties { 
-GoLlor. (“Color Tint"s QoloR). =: "(Ly By. Ty TY) 
_MainTex ("Main Tex", 2D) = "white" {} 
_Ramp ("Ramp Texture", 2D) = "white" {} 
_Outline ("Outline", Range(0, 1)) = 0.1 
_OutlineColor ("Outline Color", Color) 
_Specular ("Specular", Color) = (1, x 
_SpecularScale ("Specular Scale", Range 


= (Or 0 Oa 
TL) 
(0, 0.1)) = 0.01 


其 中 ，Ramp 是 用 于 控制 漫 反 射 色调 的 渐变 纹理 ，Outline 用 于 控制 轮廓 线 宽 度 ，OutlineColor 


对 应 了 轮廓 线 颜色 ，_Specular 是 高 光 反 射 颜色 ，_SpecularScale 用 于 控制 计算 高 光 反 射 时 使 用 的 


闹 值 。 


(2) 定义 泻 染 轮 廊 线 需要 的 Pass。 前 面 提 到 过 ， 这 个 Pass 只 演 染 背面 
们 需要 设置 正确 的 泻 染 状态 : 


Pass { 
NAME “OUTLINE" 


Cull Front 


我 们 使 用 Cull 指令 把 正面 的 三 角 面 片 吻 除 , 而 只 演 染 背面 。 值 得 注意 的 


的 三 角 面 片 ， 因 此 ,我 


是 ,我 们 还 使 用 NAME 


再 
命令 为 该 Pass 定义 了 名 称 。 这 是 因为 ， 描 边 在 非 真 实感 泻 染 中 是 非常 常见 的 效果 ， 为 该 Pass 定 


义 名 称 可 以 让 我 们 在 后 面 的 使 用 中 不 需要 再 重复 编写 此 Pass， 而 只 需要 调 
(3) 定义 描 边 需要 的 顶点 着 色 器 和 片 元 着 色 器 : 


v2f vert (a2v V) { 
V2t .OF 


float4 pos = mul (UNITY MATRIX MV, Vv.vertex); 

float3 normal = mul( (float3x3)UNITY MATRIX IT MV, v.normal); 
normal.z = -0.5; 

pos = pos + float4(normalize (normal), 0) * Outline; 

oO.pos = mul (UNITY MATRIX P, pos); 


return o; 


} 


float4 frag(v2f i) : SV Target { 
return float4( OutlineColor.rgb, 1); 
} 


如 14.1.1 节 所 讲 ， 在 顶点 着 色 器 中 我 们 首先 把 项 点 和 法 线 变换 到 视角 空间 下 ， 这 是 为 了 让 描 
边 可 以 在 观察 空间 达到 最 好 的 效果 。 随 后 ， 我 们 设置 法 线 的 z 分 量 ， 对 其 归 一 化 后 再 将 顶点 沿 其 


它 的 名 字 即 可 。 


方向 扩张 ， 得 到 扩张 后 的 顶点 坐标 。 对 法 线 的 处 理 是 为 了 尽 可 能 避免 背面 扩张 后 的 顶点 挡住 正本 


的 面 片 。 最 后 ， 我 们 把 顶点 从 视角 空间 变换 到 裁剪 空间 。 


片 元 着 色 器 的 代码 非常 简单 ， 我 们 只 需要 用 轮廓 线 颜 色 泻 染 整 个 背面 即 可 。 


(4) 然后 ， 我 们 需要 定义 光照 模型 所 在 的 Pass， 以 演 染 模型 的 正面 。 


| 于 光照 模型 需要 使 用 


Unity 提供 的 光照 等 信息 ， 我 们 需要 为 Pass 进行 相应 的 设置 ， 并 添加 相应 8 


编译 指令 : 


291 


292 


Tags { "LightMode"="ForwardBase" } 


Cull Back 
CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


#pragma multi compile fwdbase 


指令 ， 这 些 都 是 为 了 让 Shader 中 的 光照 变量 可 以 被 正确 赋值 。 
(5) 随后 ， 我 们 定义 了 顶点 着 色 器 : 


struct v2f { 
float4 pos : POSITION; 
float2 uv : TEXCOORDO; 
float3 worldNormal : TEXCOORD]1; 
float3 worldPos : TEXCOORD2; 
SHADOW COORDS (3) 


hr 


v2f vert (a2v v) { 
VoL "Oy 


.Pos = mul( UNITY MATRIX MVP, Vv.vertex); 

.UV = TRANSFORM TEX (Vv.texcoord, MainTex); 
.worldNormal = mul (venormal» (float3x3) World20bject); 
.worldPos = mul( Object2Werld,™v.vertex) .xyz; 


OOOO 


TRANSFER SHADOW (o) ; 


return o; 


在 上 面 的 代码 中 , 我 们 将 LightMode 设置 为 ForwardBase， 并且 使 用 #pragma 语句 设置 了 编 


在 上 面 的 代码 中 ， 我 们 计算 了 世界 空间 下 的 法 线 方向 和 顶点 位 置 ， 并 使 用 Unity 提供 的 内 置 


宏 SHADOW_COORDS 和 TRANSFER_SHADOW 来 计算 阴影 所 需 的 各 个 变量 。 这 些 宏 的 实现 原 


里 可 以 参见 9.4 节 。 
(6) 片 元 着 色 器 中 包含 了 计算 光照 模型 的 关键 代码 : 


float4 frag(v2f i) : SV Target { 
fixed3 worldNormal = normalize (i.worldNormal); 
fixed3 worldLightDir = normalize (UnityWorldSpaceLightDir(i.worldPos)); 
fixed3 worldViewDir = normalize (UnityWorldSpaceViewDir(i.worldPos)); 
fixed3 worldHalfDir = normalize (worldLightDir + worldViewDir); 


fixed4 c = tex2D ( MainTex, i.uv); 
fixed3 albedo = c.rgb * Color.rgb; 


fixed3 ambient = UNITY LIGHTMODEL AMBIENT.xyz * albedo; 
UNITY LIGHT ATTENUATION (atten, i, i.worldPos); 


fixed diff = dotl(worldNormal, worldLightDir); 
diff = (diff * 0.5 + 0.5) * atten; 


fixed3 diffuse = LightColor0.rgb * albedo * tex2D( Ramp, float2 (diff, diff)).rgb; 


fixed spec = dot (worldNormal, worldHalfDir); 
fixed w = fwidth(spec) * 2.0; 


fixed3 specular = Specular.rgb * lerp(0, 1, smoothstep(-w, Ww, spec + Specularscale 


- 1)) * step(0.0001, _SpecularScale); 


return fixed4(ambient + diffuse + specular, 1.0); 


二 全 有 这 


首先 ， 我 们 计算 了 光照 模型 


ATTENUATION 宏 来 计算 当前 世界 坐标 下 的 阴影 值 。 
到 最 终 的 漫 反 射 系数 。 我 们 使 有 
将 结果 和 材质 的 反射 率 、 光 照 颜色 相 乘 ， 作 为 最 后 的 漫 反 射 光 照 。 
fwidth 对 高 光 区 域 的 
系数 和 高 光 反 射 颜色 相 乘 ， 得 到 高 光 反 射 的 光照 部 分 。 值 得 注意 的 是 ， 我 们 在 最 后 还 使 用 
step(0.000 1, _SpecularScale)， 这 是 为 了 在 _SpecularScale 为 0 时 ， 可 以 完全 消除 高 光 反 射 的 光照 。 
环境 光照 、 漫 反射 光照 和 高 光 反 射 光 照 又 加 的 结果 。 


和 阴影 值 相 乘 得 


介绍 的 方法 一 致 ， 我 们 使 用 


最 后 ， 返 回 


而 天 


的 各 个 方向 矢量 ， 并 对 它 
们 计算 了 材质 的 反射 率 albedo 和 环境 光照 ambient。 接 着 ， 我 们 


随后 ， 我 们 


有 这 个 漫 反射 系数 对 渐变 纹理 _Ramp 进行 采样 ， 并 


(7) 最 后 ， 我 们 为 Shader 设置 了 合适 的 Fallback: 


| Fallback "Diffuse" 


这 对 产生 正确 的 阴影 投射 效果 


一 人 


实现 更 复杂 的 光照 模型 ， 以 得 到 出 色 的 


民 重 要 


( 详 见 9.4 节 )。 
本 节 实 现 的 卡通 演 染 光照 模型 是 一 种 非常 简单 的 实现 。 在 商业 项 目 


FE 通 效果 。 


们 进行 了 归 一 化 处 理 。 然 后 ， 我 
便 用 内 置 的 UNITY_LIGHT 
计算 了 半 兰 伯 特 漫 反 射 系 数 ， 并 


若 ! 


高 光 反 射 的 计算 和 14.1.2 


边界 进行 抗 锯 齿 处 理 ， 并 将 计算 而 得 的 高 光 反 里 


下 


nd 


， 我 们 往往 需要 设计 和 


个 很 好 的 例子 是 游戏 《军团 要 塞 2》( 英 文 名 : 


Team Fortress 2) 的 泻 染 效果 。Valve 公司 在 2007 年 发 表 了 一 篇 著名 的 文章 局 ， 解 释 了 他 们 在 实现 


该 游戏 时 使 ) 


站 加 素描 风 格 的 泻 染 


j 的 相关 技术 。 


男 一 个 非常 流行 的 非 真实 感 泻 染 是 素描 风格 的 泻 染 。 微 软 研究 院 的 Praun 等 人 在 2001 年 的 


SIGGRAPH 上 发 表 了 一 篇 非常 著名 


实现 实时 的 素描 风格 泻 染 , 这 些 纹 


所 示 。 在 图 14.4 中 ， 从 左 到 右 纹 理 中 的 笔触 逐渐 增多 ， 
到 下 则 对 应 了 每 张 纹理 的 多 级 渐 远 纹理 (mipmaps )。 这 些 多 级 渐 远 纹理 的 生成 3 


出 


的 论文 中 。 在 这 篇 文章 中 ， 他 们 使 用 了 提前 生成 的 素描 纹理 来 
里 组 成 了 一 个 色调 艺术 映射 (Tonal Art Map, TAM), 如 图 14.4 


于 模拟 不 同 光 照 下 的 漫 反射 效 果 ， 从 上 


不 是 简单 的 对 上 


一 层 纹 理 进 行 降 采样 ， 而 是 需要 保持 笔触 之 间 的 间隔 ， 以 便 更 真实 地 模拟 素描 效果 。 


本 庙 将 会 实现 简化 版 的 论文 ! 


渐 远 纹理 的 生成 ， 而 直接 使 用 6 张 素 描 纹理 进 
段 , 我 们 首先 在 顶点 着 色 阶段 计算 逐 顶 点 的 光照 ,根据 光照 结果 


在 演 染 阶 


来 决定 6 张 纹理 的 混合 权重 ， 并 传递 给 片 元 着 色 器 。 然 后 ,在 片 


元 着 
本 节 后 ， 我 们 会 得 到 类 似 


图 14.5 的 


为 此 ， 我 们 需要 进行 如 下 准备 工 


(1) 在 Unity 中 新 建 一 个 场景 。 


效果 。 
乍 。 


色 器 中 根据 这 些 权重 来 混合 6 张 纹理 的 采样 结果 。 在 学 习 完 


在 本 书 资源 ; 


， 该 场景 名 为 


的 例子 ( 来 源 : Praun E, et al. Real-time hatching™ ) 


提出 的 算法 , 我 们 不 考虑 多 级 


行 泻 染 。 


14.5 素描 风格 的 泻 染 效 果 
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效果 ， 我 们 还 把 一 引 


第 14 章 ， 非 真实 感 泻 染 


Scene 14 2。 在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 
的 天 空 盒子 。 在 Window -> Lighting -> Skybox 中 去 掉 场 景 中 的 天 空 盒子 。 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 HatchingMat。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 
的 Unity Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 在 场景 中 拖 忠 一 个 TeddyBear 模型 ， 并 把 第 2 


(5) 保存 场景 。 


纸张 


打开 Chapter14-Hatching， 进 行 如 下 关键 修改 。 


(1) 首先 ， 声 明 泻 染 所 需 的 各 个 属性 : 


Properties { 


-Color. ("Color -Tint Coler) = (Ly Ly /ly 
_TileFactor ("Tile Factor", Float) = 1 
_Outline ("Outline", Range(0, 1)) = 0.1 
_Hatch0 ("Hatch 0", 2D) = "white" 
_Hatchl ("Hatch 1", 2D) = "white" 
_Hatch2 ("Hatch 2", 2D) = "white" 
Hatch3 ("Hateh 3 2D)” = "white™ 
_Hatch4 ("Hatch 4", 2D) = "white" 
_Hatch5 ("Hatch 5", 2D) = "white" 


} 


， 该 Unity Shader 名 为 Chapter14-Hatching。 把 新 


点 


的 材质 赋 给 该 模型 。 为 了 得 到 更 好 的 


图 像 拖 忠 到 场景 中 作为 背景 。 


其 中 ，_Color 是 用 于 控制 模型 颜色 的 属性 。_TileFactor 是 纹理 的 平 铺 系数 ，_TileFactor 越 大 ， 


模型 上 的 素描 线条 越 密 , 在 实现 图 14:5 的 过 程 中 , 我 


14/Toon 


添加 相应 的 变量 : 


对 应 了 泻 染 时 使 用 的 6 张 素描 纹理 ， 


们 把 _TileFactor 设置 为 8。 Hatch0 至 _Hatch5 


它们 的 线条 密度 依次 增 大 。 


(2) 由 于 素描 风格 往往 也 需要 在 物体 周围 泻 染 轮 廓 线 ， 因 此 我 们 直接 使 用 14.1 节 中 演 染 轮廓 


线 的 Pass: 


SubShader { 
Tags { 


我 们 使 用 UsePass 命令 调用 了 14.1 节 : 
Shading 对 应 了 14.1 节 中 Chapterl 
把 Pass 的 名 称 全 部 转 成 大 写 格式 ， 所 以 我 


(3) 下 


Pass { 
Tags { 


CGPROGRAM 


"RenderType"="Opaque" "Queue"="Geometry"} 


UsePass "Unity Shaders Book/Chapter 14/Toon Shading/OUTLINE" 


"LightMode"="ForwardBase" } 


pragma vertex vert 
pragma fragment frag 


pragma multi compile fwdbase 


实现 的 轮廓 线 泻 染 的 Pass, Unity Shaders Book/Chapter 
4-ToonShading 文件 里 Shader 的 名 字 ， 而 Unity 内 部 会 
门 需要 在 UsePass 中 使 用 大 写 格 式 的 Pass 名 称 。 

本 ， 我 们 需要 定义 光照 模型 所 在 的 Pass。 为 了 能 够 正确 获取 各 个 光照 变量 ， 我 们 设置 
了 Pass 的 标签 和 相关 的 编译 指令 ; 


(4) 由 于 我 们 需要 在 顶点 着 色 器 中 计算 6 张 纹理 的 混合 权重 ， 我 们 首先 需要 在 v2f 结构 体 中 


struct v2f 
float4 pos 
{float2 UV. 


ye 


: SV POSITION; 
TEXCOORDO; 


14.2 ”素描 风格 的 泻 染 


}; 


fixed3 hatchWeights0 : TEXCOORD]1; 
fixed3 hatchWeightsl1 : TEXCOORD2; 
float3 worldPos : TEXCOORD3; 
SHADOW COORDS (4) 


由 于 一 共 声 明了 6 张 纹 理 ， 这 意味 着 需要 6 个 混合 权重 ， 我 们 把 它们 存储 在 两 个 fixed3 类 型 


的 变量 (hatchWeights0 和 hatchWeights1) 


并 使 ) 


] SHADOW_COORDS 宏 声 明了 阴影 纹 到 


(5) 然后 ， 我 们 定义 了 关键 的 顶点 着 色 器 : 


v2f vert(a2v v) { 


} 


我 们 首先 对 顶点 进行 了 基本 的 坐标 变换 。 然 后 ， 使 


v2f o; 


o.pos = mul (UNITY MATRIX MVP, Vv.vertex); 


OU = vtexcoord,xy * ‘Tileractor; 


fixed3 worldLightDir = normalize (WorldSpaceLightDir(v.vertex)); 
fixed3 worldNormal = UnityObjectToWorldNormal (v.normal); 
fixed diff = max(0, dot (worldLightDir, worldNormal)); 


o.hatchWeights0 
o.hatchWeights1l 


fixed3(0, 0, 0); 
fixed3(0, 0, 0); 


float hatchFactor = diff * 7.0; 


if (hatchFactor > 6.0) 

// Pure white, do nothing 

else if (hatchFactor > 5.0) 
oOo.hatchWeights0.x = hatchF 

else if (hatchFactor > 4.0) 
o.hatchWeights0.x = hatchF 
o.hatchWeights0.y = 1.0 - o.hatc 

else if (hatchFactor > 3.0) 
oOo.hatchWeights0.y = hatchFactor 
o.hatchWeights0.z = 1.0 - o.hatc 

else if (hatchFactor > 2.0) 
o.hatchWeights0.z = hatchFactor 
o.hatchWeightsl.x = 1.0 - o.hatc 

else if (hatchFactor > 1.0) 
o.hatchWeightsl.x = hatchFactor 
o.hatchWeightsl.y = 1.0 - o.hatc 

else { 
o.hatchWeightsl.y = hatchFactor; 
o.hatchWeightsl.z = 1.0 - o.hatc 


TRANSFER SHADOW (o) ， 


return o; 


NA 


hWeig 


hWeig 


hWeig 


=" a0 
hWeig 


hWeig 


3 


3 


Eee 


SCOTT = 403 


hts0.x; 


’ 


hts0O.y; 


’ 


村 世 S:0 之 六 


’ 


htsl.x; 


htsl.y; 


Oo.worldPos = mul( Object2World, v.vertex) .xyz; 


算 6 张 纹理 的 混合 权重 之 前 ， 我 们 首先 需要 计算 逐 顶 点 光照 。 


方向 和 法 线 方向 得 到 漫 反 射 系数 diff 
得 到 hatchFactor。 我 们 把 [0, 7] 的 


宏 来 计算 阴影 纹理 的 采样 坐标 。 


]_TileFactor 得 到 了 纹理 采样 多 
因此 ， 我 们 使 用 世界 空间 下 的 光照 
。 之 后 , 我 们 把 权重 值 初始 化 为 0, 并 把 diff 缩放 到 [0, 7] 范 围 
区 间 均 匀 划 分 为 7 个 子 区 间 , 通过 判断 hatchFactor 所 处 的 子 区 i 
来 计算 对 应 的 纹理 混合 权重 。 最 后 ， 我 们 计算 了 顶点 的 世界 坐标 ， 


。 为 了 添加 阴影 效果 ， 我 们 还 声明 了 worldPos 变量 ， 
E 的 采样 坐标 。 


“ 标 。 在 计 


N 


>» 


司 


并 使 用 TRANSFER_SHADOW 
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(6) 接 下 来 ， 定 义 片 元 着 色 器 部 分 : 
fixed4 frag(v2f i) : SV Target { 
fixed4 hatchTex0 = tex2D( Hatch0, i.uv) * i.hatchWweights0.x; 
fixed4 hatchTexl = tex2D( Hatchl, i.uv) * i.hatchWweights0.y; 
fixed4 hatchTex2 = tex2D( Hatch2, i.uv) * i.hatchWweights0.2z; 
fixed4 hatchTex3 = tex2D( Hatch3, i.uv) * i.hatchWeightsl.x; 
fixed4 hatchTex4 = tex2D( Hatch4, i.uv) * i.hatchWeightsl.y; 
fixed4 hatchTex5 = tex2D( Hatch5, i.uv) * i.hatchWeightsl.z; 
fixed4 whiteColor = fixed4(1, 1, 1, 1) * (1 - i.hatchWeights0.x - i.hatchWeights0.y 
= TshatehnWeights0 Zz. = 
i.hatchWeightsl.x - i.hatchWeightsl.y - i.hatchWeightsl1.z); 
fixed4 hatchColor = hatchTex0 + hatchTexl + hatchTex2 + hatchTex3 + hatchTex4 + 


hatchTex5 + whiteColor; 
UNITY LIGHT ATTENUATION (atten, ee 


return fixed4(hatchColor.rgb * Color.rgb * atten, 1.0); 
} 


当 得 到 了 6 六 张 纹理 的 混合 权重 后 ， 我 们 对 每 张 纹理 进行 采样 并 和 它们 对 应 的 权重 值 相 乘 得 到 
每 张 纹理 的 采样 颜色 。 我 们 还 计算 了 纯 白 在 泻 染 中 的 贡献 度 ， 这 是 通过 从 1 中 减 去 所 有 6 张 纹理 的 
权重 来 得 到 的 。 这 是 因为 素描 中 往往 有 留 白 的 部 分 ， 因 此 我 们 希望 在 最 后 的 泻 染 中 光照 最 亮 的 部 分 
是 纯 白 色 的 。 最 后 ， 我 们 混合 了 各 个 颜色 值 ， 并 和 阴影 值 atten、 模 型 颜色 _Color 相 乘 后 返回 最 终 的 
泻 染 结果 。 
(7) 最 后 ， 我 们 设置 了 合适 的 , FallBack: 


| Fallback "Diffuse" 


读者 也 可 以 生成 与 本 例 不 同 的 素描 纹理 ， 具 体 方 法 可 以 参见 论文 申 。 这 篇 博文 《https://alastaira. 
wordpress.com/2013/11/01/hand-drawn-shadérs-and-creating-tonal-art-maps/ ) 中 还 介绍 了 一 种 使 用 
Photoshop 等 软件 创建 相似 的 素描 纹理 的 方法 。 


站 日 扩展 阅读 


在 工业 界 ， 非 真实 感 演 染 已 被 应 用 到 很 多 成 功 的 游戏 中 ， 除 了 之 前 提 及 的 《大 神 》 和 《军团 
要 塞 2》 外 ， 还 有 最 近 的 《海岛 奇兵 》《 三 国志 》 等 游戏 都 可 以 看 到 非 真 实感 泻 染 的 身影 。 在 学 术 
界 ， 有 更 多 出 色 的 非 真 实感 演 染 的 工作 被 提 了 出 来 。 读 者 可 以 在 国际 讨论 会 NPAR 
(Non-Photorealistic Animation and Rendering) 上 找到 许多 关于 非 真实 感 演 染 的 论文 。 浙 江 大 学 的 
耿 卫 东 教 授 编纂 的 书籍 《艺术 化 绘制 的 图 形 学 原理 与 方法 》 (英文 名 ; : The Algorithms and Principles 
of Non-photorealistic Graphics ) 己 ， 也 是 非常 好 的 学 习 材料 。 这 本 书 概述 了 近年 来 非 真实 感 泻 染 在 
各 个 领域 的 发 展 ， 并 简 述 了 许多 有 重要 贡献 的 算法 过 程 ， 是 一 本 非常 好 的 参考 书籍 

在 Unity 的 资源 商店 中 ， 也 有 许多 优秀 的 非 真 实感 泻 染 资源 。 例 如 ，Toon Shader Free 
(https:/www.assetstore.unity3d.com/cn/#!/content/21288) 是 一 个 免费 的 卡通 资源 包 ， 里 面 实现 了 包括 
轮廓 线 泻 染 等 卡通 风格 的 泻 染 。Toon Styles Shader Pack 〈https:Wwww.assetstore.unity3d.comy 
cn/#Vcontent7212 ) 是 一 个 需要 收费 的 卡通 资源 包 ， 它 包含 了 更 多 的 卡通 风格 的 Unity Shader。 
Hand-Drawn Shader Pack (https:/www.assetstore. 0 com/cn/#l/content/12465 ) 同样 是 一 个 需 
要 收费 的 非 真 实感 泻 染 效 果 包 ， 它 包含 了 诸如 铅笔 蜡笔 泻 染 等 多 种 手绘 风格 的 非 真 实感 泻 


染 效 


i 


本。 
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第 15 痘 ”使 用 噪 志 


很 多 时 候 ， 向 规则 的 事物 里 添加 一 些 “ 杂 乱 无 音 ” 的 效果 往往 会 有 意 想不到 的 效果 。 而 这 些 
“杂乱 无 章 ” 的 效果 来 源 就 是 噪声 。 在 本 章 中 , 我 们 将 会 学 习 如 何 使 用 噪声 来 模拟 各 种 看 似 “ 神 奇 ” 
的 特效 。 在 15.1 节 中 ， 我 们 将 使 用 一 张 噪声 纹理 来 模拟 火焰 的 消融 效果 。15.2 节 则 把 噪声 应 用 在 
模拟 水 面 的 波动 上 ， 从 而 产生 波光 阁 阁 的 视觉 效果 。 在 15.3 节 中 ,我 们 会 回顾 13.3 节 中 实现 的 全 
局 雾 效 ， 并 向 其 中 添加 噪声 来 模拟 不 均匀 的 际 渺 雾 效 。 


站 消融 效果 


消融 〈dissolve) 效果 常见 于 游戏 中 的 角色 死亡 、 地 图 烧毁 等 效果 。 在 这 些 效果 中 ， 消 融 往往 
从 不 同 的 区 域 开 始 ， 并 向 看 似 随 机 的 方向 扩张 ， 最 后 整个 物体 都 将 消失 不 见 。 在 本 节 中 ， 我 们 将 
学 习 如 何在 Unity 中 实现 这 种 效果 。 在 学 习 完 本 节 后 ， 我 们 可 以 得 到 类 似 图 15.1 中 的 效果 。 


到 15.1 箱子 的 消融 效果 


a 


要 实现 图 15.1 中 的 效果 ， 原 理 非 常 简单 ， 概 括 来 说 就 是 噪声 纹理 + 透明 度 测 试 。 我 们 使 用 对 
噪声 纹理 采样 的 结果 和 某 个 控制 消融 程度 的 闵 值 比较 ， 如 果 小 于 阔 值 ， 就 使 用 clip 函数 把 它 对 应 
的 像素 裁剪 掉 ， 这 些 部 分 就 对 应 了 图 中 被 “烧毁 ”的 区 域 。 而 铂 空 区 域 边 缘 的 烧 焦 效果 则 是 将 两 
种 颜色 混合 ， 再 用 pow 函数 处 理 后 ， 与 原 纹理 颜色 混合 后 的 结果 。 

为 了 实现 上 述 消融 效果 ， 我 们 首先 进行 如 下 准备 工作 。 

(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_15_1。 在 Unity 5.2 中 ， 默 
认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒 子 。 在 Window -> 
Lighting -> Skybox 中 去 掉 场景 中 的 天 空 盒子 。 

(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 DissolveMat。 

(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Unity Shader 名 为 Chapter15-Dissolve。 把 新 
的 Unity Shader 赋 给 第 2 步 中 创建 的 材质 。 

(4) 我 们 需要 搭建 一 个 测试 消融 的 场景 。 在 本 书 资源 的 实现 中 ， 我 们 构建 了 一 个 包含 3 面 墙 


的 房间 ， 并 放置 了 一 个 立方 体 。 把 第 2 步 创建 的 材质 拖 上 中 给 立方 体 。 
(5) 保存 场景 。 
打开 Chapter15-Dissolve， 删 除 原 有 代码 ， 进 行 如 下 关键 修改 。 
(1) 首先 ， 声 明 消 融 效 果 需 要 的 各 个 属性 : 


Properties { 
_BurnAmount ("Burn Amount", Range(0.0, 1.0)) = 
_LineWidth("Burn Line Width", Range (0.0, 0.2)) 
_MainTex ("Base (RGB)", 2D) "white™ {} 
_BumpMap ("Normal Map", 2D) "bump" {} 
BurnFirstColor("Burn’ First Color", ‘Color) = "(1 0; 0; 1) 
_BurnSecondColor ("Burn Second Color", Color) = (1, 0, 0, 1) 
_BurnMap ("Burn Map", 2D) = "white"{} 


0.0 
;0 二 


_BurnAmount 属性 用 于 控制 消融 程度 ， 当 值 为 0 时， 物体 为 正常 效果 ， 当 值 为 1 时 ， 物 体会 
完全 消融 。_LineWidth 属性 用 于 控制 模拟 烧 焦 效果 时 的 线 宽 ， 它 的 值 越 大 ， 火 焰 边 缘 的 蔓延 范围 
越 广 。_ MainTex 和 _BumpMap 分 别 对 应 了 物体 原本 的 漫 反 射 纹理 和 法 线 纹理 。_BurnFirstColor 和 


_BurnSecondColor 对 应 了 火焰 边缘 的 两 种 颜色 值 。_BurnMap 则 是 关键 的 噪声 纹理 。 
(2) 我 们 在 SubShader 块 中 定义 消融 所 需 的 Pass: 


Pass { 
Tags { "LightMode"="ForwardBase" } 


Cull Off 
CGPROGRAM 


#include "Lighting.cginc"™ 
#include "AutoLight.cginc" 


#pragma multi compile fwdbase 


为 了 得 到 正确 的 光照 ， 我 们 设置 了 Pass 的 LightMode 和 multi_compile_fwdbase 的 编译 指令 。 
值得 注意 的 是 , 我 们 还 使 用 Cull 命令 关闭 了 该 Shader 的 面 片 剔除 ， 也 就 是 说 ， 模 型 的 正面 和 背面 
都 会 被 泻 染 。 这 是 因为 ， 消 融会 导致 裸露 模型 内 部 的 构造 ， 如 果 只 这 染 正 面 会 出 现 错误 的 结果 。 

(3) 定义 顶点 着 色 器 : 


struct v2f { 
float4 pos : SV_POSITION; 
float2 uvMainTex : TEXCOORDO; 
float2 uvBumpMap : TEXCOORD]1; 
float2 uvBurnMap : TEXCOORD2; 
float3 lightDir : TEXCOORD3; 
float3 worldPos : TEXCOORD4; 
SHADOW COORDS (5) 


}; 


v2f vert(a2v v) { 
VOL OO 
OS 款 mul (UNITY MATRIX MVP, Vv.vertex); 


oOo.uvMainTex 
oO.uvBumpMap 
oO.uvBurnMap 


TRANSFORM TEX(V.texcoord, MainTex); 
TRANSFORM TEX(V.texcoord, BumpMap); 
TRANSFORM TEX(V.texcoord, BurnMap); 


TANGENT_ SPACE ROTATION; 
o.lightDir = mul (rotation, ObjSpaceLightDir(v.vertex)) .xyz; 


Oo.worldPos = mul( Object2World, v.vertex) .XYZ7 


TRANSFER SHADOW (0o); 
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return o; 


顶点 着 色 器 的 代码 很 常规 ,我 们 使 用 宏 TRANSFORM_TEX 计算 了 三 张 纹理 对 应 的 纹理 坐标 ， 
再 把 光源 方向 从 模型 空间 变换 到 了 切线 空间 。 最 后 ， 为 了 得 到 阴影 信息 ， 计 算 了 世界 空间 下 的 顶 
点 位 置 和 阴影 纹理 的 采样 坐标 〈 使 用 了 TRANSFER_SHADOW 宏 )。 具 体 原 理 可 参见 9.4 节 。 

(4) 我 们 还 需要 实现 片 元 着 色 器 来 模拟 消融 效果 : 


fixed4 frag(v2f i) : SV Target { 
fixed3 burn = tex2D( BurnMap, i.uvBurnMap) .rgb; 


clip(burn.r - BurnAmount); 


float3 tangentLightDir = normalize (i.lightDir); 
fixed3 tangentNormal = UnpackNormal (tex2D( BumpMap, i.uvBumpMap)); 


fixed3 albedo = tex2D( MainTex, i.uvMainTex) .rgb; 

fixed3 ambient = UNITY LIGHTMODEL AMBIENT.xyz * albedo; 

fixed3 diffuse= LightColor0.rgb * albedo *max(0, dot (tangentNormal, tangentLightDir)); 
fixed t= 1 - smoothstep(0.0, LineWidth, burn.r - BurnAmount); 

fixed3 burnColor = lerp( BurnFirstColor, BurnSecondColor, t); 

burnColor = pow (burnColor, 5); 

UNITY LIGHT ATTENUATION (atten, Ly WOrLdPoS)» 


fixed3 finalColor = lerp(ambient + diffuse * atten, burnColor, t * step(0.0001, 
_BurnAmount)); 


return fixed4 (finalColor 1T); 


| 机 
i 岂 


我 们 首先 对 噪声 纹理 进行 采样 ,并 将 采样 结果 和 用 于 控制 消融 程度 的 属性 _BurnAmount 相 减 ， 
传递 给 clip 函数 。 当 结果 小 于 0 时 盖 该 像素 将 会 被 剔除 ， 从 而 不 会 显示 到 屏幕 上 。 如 果 通 过 了 测 
试 ， 则 进行 正常 的 光照 计算 。 我 们 首先 根据 漫 反射 纹理 得 到 材质 的 反射 率 albedo， 并 由 此 计算 得 
到 环境 光照 ， 进 而 得 到 漫 反 射 光 照 。 然 后 ， 我 们 计算 了 烧 焦 颜色 burnColor。 我 们 想 要 在 宽度 为 
_LineWidth 的 范围 内 模拟 一 个 烧 焦 的 颜色 变化 ， 第 一 步 就 使 用 了 smoothstep 函数 来 计算 混合 系数 
1。 当 1 值 为 1 时， 表明 该 像素 位 于 消融 的 边界 处 ， 当 1 值 为 0 时 ， 表 明 该 像素 为 正常 的 模型 颜色 ， 
而 中 间 的 插值 则 表示 需要 模拟 一 个 烧 焦 效果 。 我 们 首先 用 t 来 混合 两 种 火焰 颜色 _BurnFirstColor 
和 _BurnSecondColor， 为 了 让 效果 更 接近 烧 焦 的 痕迹 ， 我 们 还 使 用 pow 函数 对 结果 进行 处 理 。 然 
后 , 我 们 再 次 使 用 + 来 混合 正常 的 光照 颜色 (环境 光 + 漫 反射 ) 和 烧 焦 颜色 。 我们 这 里 又 使 用 了 step 
函数 来 保证 当 _BurnAmount 为 0 时 , 不 显示 任何 消融 效果 。 最 后 , 返回 混合 后 的 颜色 值 finalColor。 

(5) 与 之 前 的 实现 不 同 ， 我 们 在 本 例 中 还 定义 了 一 个 用 于 投射 阴影 的 Pass。 正 如 我 们 在 9.4.5 
节 中 的 解释 一 样 ， 使 用 透明 度 测试 的 物体 的 阴影 需要 特别 处 理 ， 如 果 仍 然 使 用 普通 的 阴影 Pass， 
那么 被 剔除 的 区 域 仍然 会 向 其 他 物体 投射 阴影 ， 造 成 “穿帮 ” 为 了 让 物体 的 阴影 也 能 配合 透明 度 
测试 产生 正确 的 效果 ， 我 们 需要 自 定义 一 个 投射 阴影 的 Pass: 


// Pass to render object as a shadow caster 


px 


HT 


Pass { 
Tags "LightMode" = "ShadowCaster" } 
CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


#pragma multi compile shadowcaster 
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消融 效果 


顶点 着 色 器 和 片 元 着 色 器 的 代码 很 简单 : 


struct v2f { 

V2F_SHADOW CASTER; 

float2 uvBurnMap : TEXCOORD]1; 
}; 


v2f vert(appdata base v) { 
V2E OS 


TRANSFER SHADOW CASTER NORMALOFFSET (o) 


oO.uvBurnMap = TRANSFORM TEX(V.texcoord, _BurnMap 


return o; 


} 


fixed4 frag(v2f i) : SV Target { 
fixed3 burn = tex2D( BurnMap, i.uvBurnMap) .rgb; 


clip(burn.r - BurnAmount); 


SHADOW CASTER FRAGMENT (i) 
} 


); 


在 Unity 中 ， 用 于 投射 阴影 的 Pass 的 LightMode 需要 被 设置 为 ShadowCaster， 同 时 ， 还 需要 
使 用 #pragma multi compile_shadowcaster 指明 它 需 要 的 编译 指令 。 


阴影 投射 的 重点 在 于 我 们 需要 按 正常 Pass 的 处 理 来 剔除 片 元 或 进行 顶点 动画 ， 以 便 阴 影 可 以 
和 物体 正常 泻 染 的 结果 相 匹配 。 在 自 定 义 的 阴影 投射 的 Pass 中 ， 我 们 通常 会 使 用 Unity 提供 的 内 


置 宏 V2F_ SHADOW_CASTER、TRANSFER_SHADOW_CASTER_NORMALOFFSET (旧版 本 ! 


会 使 用 TRANSFER_SHADOW_CASTER) 和 SHADOW_CASTER_FRAGMENT 来 帮助 我 们 计算 


阴影 投射 时 需要 的 各 种 变量 ， 而 我 们 可 以 只 关注 自 定 义 计算 的 部 分 。 


在 v2f 结构 体 中 利用 V2F_SHADOW_CASTER 来 定义 阴影 投射 需要 定义 的 变量 。 随 后 ， 


色 器 中 ， 我 们 使 用 TRANSFER_SHADOW_CASTER_NORMALOFFSET 来 填充 V2F SHADOW 


在 上 面 的 代码 中 ， 我 们 首先 


在 顶点 着 


CASTER 在 背后 声明 的 一 些 变量 ， 这 是 由 Unity 在 背后 为 我 们 完成 的 。 我 们 需要 在 顶点 着 色 器 中 
坐标 uvBurnMap 。 在 片 元 着 


关注 自 定义 的 计算 部 分 ， 这 里 指 的 就 是 我 们 需要 计算 噪声 纹理 的 采 检 
色 器 中 ， 我 们 首先 按 之 前 的 处 理 方法 使 用 噪声 纹理 的 采 检 


结果 来 剔除 片 元 ， 最 后 再 利用 


SHADOW_CASTER_FRAGMENT 来 让 Unity 为 我 们 完成 阴影 投射 的 部 分 ， 把 结果 输 昌 


和 阴影 映射 纹理 中 。 


到 深度 图 


通过 Unity 提供 的 这 3 个 内 置 宏 ( 在 UnityCG.cginc 文件 中 被 定义 )， 我 们 可 以 方便 地 自 定义 


需要 的 阴影 投射 的 Pass， 但 由 于 这 些 宏 需 要 使 用 一 些 特定 的 输入 变量 ， 
提供 了 这 些 变量 。 例 如 ，TRANSFER_SHADOW_CASTER_NORMALOFFSET 会 使 月 


输入 结构 体 ,v 中 需要 包含 顶点 位 置 vvertex 和 顶点 法 线 vnormal 
的 信息 ， 我 们 可 以 直接 使 用 内 置 的 appdata_base 结构 体 ， 它 包含 
了 这 些 必需 的 顶点 变量 。 如 果 我 们 需要 进行 顶点 动画 ， 可 以 在 顶 
点 着 色 器 中 直接 修改 v.vertex, 再 传递 给 TRANSFER_SHADOW_ 


CASTER_NORMALOFFSET 即 可 〈 可 参见 11.3.3 节 )。 


Assets/Textures/Chapter15/Burn_Noise.png ) 如 图 15.2 所 示 。 才 


在 本 例 中 ， 我 们 使 用 的 噪声 纹理 (对 应 本 书 资源 的 


rd 
Lt 


拖 忠 到 材质 的 _BurnMap 属性 上 ， 再 调整 材质 的 _BurnAmount 属 


性 ， 就 可 以 看 到 木 箱 逐渐 消融 的 效果 。 在 本 书 资 源 的 实现 中 ， 


我 


们 实现 了 一 个 辅助 脚本 ， 用 来 随时 间 调 整 材 质 的 _BurnAmount 


和 图 15.2 


因此 我 们 需要 保证 为 它们 


的 噪声 纹理 


消融 效果 使 
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第 15 章 使 用 噪 


下 


值 ， 因 此 ， 当 读者 单 击 运 行 后 ， 也 可 以 看 到 消融 的 动画 效果 。 
使 用 不 同 的 噪声 和 纹理 属性 〈 即 材质 面板 上 纹理 的 Tiling 和 Offset 值 ) 都 会 得 到 不 同 的 消融 
效果 。 因 此 ， 要 想得到 好 的 消融 效果 ， 也 需要 美术 人 员 提 供 合适 的 噪声 纹理 来 配合 。 


站 如 水 波 效 果 


在 模拟 实时 水 面 的 过 程 中 ， 我 们 往往 也 会 使 用 噪声 纹理 。 此 时 ， 噪 声 纹理 通常 会 用 作 一 个 高 
度 图 ， 以 不 断 修改 水 面 的 法 线 方向 。 为 了 模拟 水 不 断 流 动 的 效果 ， 我 们 会 使 用 和 时 间 相 关 的 变量 
来 对 噪声 纹理 进行 采样 ， 当 得 到 法 线 信 息 后 ， 再 进行 正常 的 反射 + 折射 计算 ， 得 到 最 后 的 水 面 波 
动 效果 。 

在 本 节 中 ， 我 们 将 会 使 用 一 个 由 噪声 纹理 得 到 的 法 线 贴 图 ， 实 现 一 个 包含 菲 涅 耳 反 射 〈 详 见 
10.1.5 节 ) 的 水 面 效果 ， 如 图 15.3 所 示 。 


EC /< 二季 
4 图 15.3 包含 菲 涅 耳 反 射 的 水 面 波动 效果 。 在 左边 中 ， 视 角 方 向 和 水 面 法 线 的 夹 角 越 大 ， 
反射 效果 越 强 。 在 右边 中) 视角 方向 和 水 面 法 线 的 夹 角 越 大 ， 折 射 效果 越 强 

我 们 曾 在 10.2.2 节 介 绍 过 如 何 使 用 反射 和 折射 来 模拟 一 个 透明 玻璃 的 效果 。 本 节 使 用 的 
Shader 和 10.2.2 节 中 的 实现 基本 相同 。 我 们 使 用 一 张 立 方 体 纹理 〈Cubemap ) 作为 环境 纹理 ， 模 
拟 反 射 。 为 了 模拟 折射 效果 ， 我 们 使 用 GrabPass 来 获取 当前 屏幕 的 泻 染 纹理 ， 并 使 用 切线 空间 下 
的 法 线 方向 对 像素 的 屏幕 坐标 进行 偏 移 ， 再 使 用 该 坐标 对 泻 染 纹理 进行 屏幕 采样 ， 从 而 模拟 近似 
的 折射 效果 。 与 10.2.2 节 中 的 实现 不 同 的 是 ， 水 波 的 法 线 纹理 是 由 一 张 噪声 纹理 生成 而 得 ， 而 且 
会 随 着 时 间 变 化 不 断 平 移 ， 模 拟 波 光 娄 刍 的 效果 。 除 此 之 外 ， 我 们 没有 使 用 一 个 定 值 来 混合 反射 
和 折射 颜色 ， 而 是 使 用 之 前 提 到 的 菲 涅 耳 系数 来 动态 决定 混合 系数 。 我 们 使 用 如 下 公式 来 计算 菲 
涅 耳 系数 : 


fresnel=pow(l1-max(0,v : n),4) 

其 中 ,vy 和 nm 分 别 对 应 了 视角 方向 和 法 线 方 向 。 它 们 之 间 的 夹 角 越 小 ，fresnel 值 越 小 ， 反 射 
越 弱 ， 折 射 越 强 。 菲 涅 耳 系 数 还 经 常会 用 于 边缘 光照 的 计算 中 。 

为 此 ， 我 们 需要 做 如 下 准备 工作 。 

(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_15_2。 在 Unity 5.2 中 ,默认 情况 下 场 
景 将 包含 一 个 摄像 机 和 一 个 平行 光 , 并 且 使 用 了 内 置 的 天 空 盒子 .在 Window -> Lighting -> Skybox 
中 去 掉 场景 中 的 天 空 盒子 。 

(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 WaterWaveMat。 

(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter15-WaterWave。 把 新 的 
Shader 赋 给 第 2 步 中 创建 的 材质 。 

(4) 构建 一 个 测试 水 波 效 果 的 场景 。 在 本 书 资 源 的 实现 中 ， 我 们 构建 了 一 个 由 6 面 墙 围 成 的 
封闭 房间 ， 它 们 都 使 用 了 我 们 在 9.5 节 中 创建 的 标准 材质 。 我 们 还 在 房间 中 放置 了 一 个 平面 来 模 
拟 水 面 。 把 第 2 步 中 创建 的 材质 赋 给 该 平面 。 


(5) 为 了 得 到 本 场景 适用 的 环境 纹理 ， 我 们 使 用 了 10.1.2 节 中 实现 的 创建 立方 体 纹理 的 脚本 
(通过 Gameobject -> Render into Cubemap 打开 编辑 窗口 ) 来 创建 它 ， 如 图 15.4 所 示 。 在 本 书 资源 
中 ， 该 Cubemap 名 为 Water_Cubemap。 

完成 准备 工作 后 ， 打 开 Chapter15-WaterWave， 对 它 进 行 如 下 关键 修改 。 

(1) 首先 ， 我们 需要 声明 该 Shader 使 用 的 各 个 属性 : 


Properties { 


Color’ ("Main Color"y Color) = (0; 0 19,0 1115 1) 

_MainTex ("Base (RGB)", 2D) = "white" {} 

_WaveMap ("Wave Map", 2D) = "bump" {} n 
_Cubemap ("Environment Cubemap", Cube) = " Skybox" {} Ee 吕 


_WaveXSpeed ("Wave Horizontal Speed", Range(- 
_WaveYSpeed ("Wave Vertical Speed", Range(-0. 
_Distortion ("Distortion", Range(0, 100)) = 


日 sm 
Qo) 


er 
~ 


} 


其 中 ，_Color 用 于 控制 水 面 颜色 ; _MainTex 是 水 面 波 纹 材质 纹理 ， 
默认 为 白色 纹理 ，_WaveMap 是 一 个 由 噪声 纹理 生成 的 法 线 纹理 ; 
_Cubemap 是 用 于 模拟 反射 的 立方 体 纹理 ，_Distortion 则 用 于 控制 模拟 折 i Ee 

十 a A 图 15.4 ”本 例 使 用 的 
射 时 图 像 的 扭曲 程度 ，_WaveXSpeed 和 _WaveYSpeed 分 别 用 于 控制 法 线 立方 体 纹理 
纹理 在 X 和 YY 方向 上 的 平移 速度 。 

(2) 定义 相应 的 泻 染 队 列 ， 并 使 用 GrabPass 来 获取 屏幕 图 像 : 


SubShader 
// We must be transparent, so other objects are drawn before this one. 
Tags { "Queue"="Transparent" "RenderType"="Opaque" } 


// This pass grabs the screen behind the object into a texture. 
// We can access the result in the next pass as RefractionTex 
GrabPass { " RefractionTex" } 


我 们 首先 在 SubShader 的 标签 中 将 演 染 队列 设置 成 Transparent， 并 把 后 面 的 RenderType 设置 
为 Opaque。 把 Queue 设置 成 Transparent 可 以 确保 该 物体 泻 染 时 ， 其 他 所 有 不 透明 物体 都 已 经 被 
演 染 到 屏幕 上 了 ， 否 则 就 可 能 无 法 正确 得 到 “ 透 过 水 面 看 到 的 图 像 ”。 而 设置 RenderType 则 是 为 
了 在 使 用 着 色 器 替换 (Shader Replacement) 时 ， 该 物体 可 以 在 需要 时 被 正确 泻 染 。 这 通常 发 生 在 
我 们 需要 得 到 摄像 机 的 深度 和 法 线 纹理 时 ,这 在 第 13 章 中 介绍 过 。 随 后 ,我 们 通过 关键 词 GrabPass 
定义 了 一 个 抓 取 屏幕 图 像 的 Pass。 在 这 个 Pass 中 我 们 定义 了 一 个 字符 串 ， 该 字符 串 内 部 的 名 称 决 
定 了 抓 取 得 到 的 屏幕 图 像 将 会 被 存 入 哪个 纹理 中 (可 参见 10.2.2 节 )。 

(3) 定义 演 染 水 面 所 需 的 Pass。 为 了 在 Shader 中 访问 各 个 属性 ， 我 们 首先 需要 定义 它们 对 应 
的 变量 : 


fixed4 Color; 
sampler2D MainTex; 
float4 MainTex ST; 

ampler2D WaveMap; 

loat4 WaveMap ST; 

amplerCUBE Cubemap; 

ixed WaveXSpeed; 

ixed WaveYSpeed; 

loat Distortion; 

ampler2D RefractionTex; 

loat4 RefractionTex TexelSize; 


需要 注意 的 是 , 我 们 还 定义 了 _RefractionTex 和 _RefractionTex_TexelSize 变量 ， 这 对 应 了 在 使 
] GrabPass 时 ， 指 定 的 纹理 名 称 。_RefractionTex_TexelSize 可 以 让 我 们 得 到 该 纹理 的 纹 素 大 小 ， 
例如 一 个 大 小 为 256X512 的 纹理 ， 它 的 纹 素 大 小 为 (1/256, 1/512)。 我 们 需要 在 对 屏幕 图 像 的 采样 
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示 进行 偏 移 时 使 用 该 变量 。 
(4) 定义 顶点 着 色 器 ， 这 和 10.2.2 节 中 的 实现 完全 一 样 : 


Struict v2f { 
float4 pos : SV_POSITION; 
float4 scrPos : TEXCOORDO; 
float4 uv : TEXCOORD]1; 
float4 TtoWO : TEXCOORD2; 
float4 TtoWl1l : TEXCOORD3; 
float4 TtoW2 : TEXCOORD4; 


> 
= 
al 


}; 
v2f vert(a2v v) { 
V2€ .0O% 
oO.pos = mul (UNITY MATRIX MVP, Vv.vertex); 


O.scrPos = ComputeGrabScreenPos (0o.pos); 


O.UV.Xy 
O.UV.ZW 


TRANSFORM TEX(V.texcoord, MainTex); 
TRANSFORM TEX(V.texcoord, WaveMap); 


float3 worldPos = mul( Object2World, v.vertex) .xy2z; 

fixed3 worldNormal = UnityObjectToWorldNormal (v.normal); 

fixed3 worldTangent = UnityObjectToWorldDir(v.tangent .xyz); 

fixed3 worldBinormal = cross (worldNormal, worldTangent) * v.tangent.w; 


oO.TtowO float4 (worldTangent.x, worldBinormal.x, worldNormal.x, worldPos.x); 
oO.Ttowl float4 (worldTangent.y, worldBinormal.y, worldNormal.y, worldPos.y); 
oO.TtoW2 = float4 (worldTangent.z, worldBinormal.z, worldNormal.z, worldPos.2z); 


return o; 


在 进行 了 必要 的 顶点 坐标 变换 后 , 我 们 通过 调用 ComputeGrabScreenPos 来 得 到 对 应 被 抓 取 屏 
幕 图 像 的 采样 坐标 。 读 者 可 以 在 "UnityCG.cginc 文件 中 找到 它 的 声明 ， 它 的 主要 代码 和 
ComputeScreenPos 基本 类 似 ， 最 大 的 和 不同 是 针对 平台 差异 造成 的 采样 坐标 问题 〈 见 5.6.1 节 ) 进 
行 了 处 理 。 接 着 , 我 们 计算 了 _MainTex 和 _BumpMap 的 采样 坐标 , 并 把 它们 分 别 存储 在 一 个 float4 
类 型 变量 的 xy 和 zw 分 量 中 。 由 于 我 们 需要 在 片 元 着 色 器 中 把 法 线 方向 从 切线 空间 (由 法 线 纹 理 
采样 得 到 ) 变换 到 世界 空间 下 ， 以 便 对 Cubemap 进行 采样 ， 因 此 ， 我 们 需要 在 这 里 计算 该 顶点 对 
应 的 从 切线 空间 到 世界 空间 的 变换 矩阵 , 并 把 该 矩阵 的 每 一 行 分 别 存储 在 TtoW0 TtowW1 和 TtoW2 
的 xyz 分量 中 。 这 里 面 使 用 的 数学 方法 就 是 ， 得 到 切线 空间 下 的 3 个 坐标 轴 (x、y、z 轴 分 别 对 应 
了 切线 、 副 切线 和 法 线 的 方向 ) 在 世界 空间 下 的 表示 ， 再 把 它们 依次 按 列 组 成 一 个 变换 矩阵 即 可 。 
TtoW0 等 值 的 w 分 量 同样 被 利用 起 来 ， 用 于 存储 世界 空间 下 的 顶点 坐标 。 
(5) 定义 片 元 着 色 器 ; 
fixed4 frag(v2f i) : SV _ Target { 
float3 worldPos = float3(i.TtoWwO.w, i.TtoWl.w, i.TtoW2.w); 


fixed3 viewDir = normalize (UnityWorldSpaceViewDir (worldPos)); 
float2 speed = Time.y * float2( WaveXSpeed, WaveYSpeed); 


I 


I 


// Get the normal in tangent space 

fixed3 bumpl = UnpackNormal (tex2D( WaveMap, i.uv.zw + speed)) .rgb; 
fixed3 bump2 = UnpackNormal (tex2D( WaveMap, i.uv.zw - speed)).rgb; 
fixed3 bump = normalize (bumpl + bump2); 


// Compute the offset in tangent space 

float2 offset = bump.xy * Distortion * RefractionTex TexelSize.xy; 
i.scrPos.xy = offset * i.scrPos.z + i.scrPos.xy; 

fixed3 refrCol = tex2D( RefractionTex, i.scrPos.xy/i.scrPos.w) .rgb; 


// Convert the normal to world space 
bump = normalize (half3 (dot (i.TtoWwO0.xyz, bump), dot (i.TtoWl .xyz, bump), dot (i.TtoWwW2.xyz, 
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bump) ) ) 


fixed4 texColor = tex2D( MainTex, i.uv.xy + Speed) : 


fixed3 reflDir 
fixed3 reflCol 


reflect (-viewDir, bump); 
texCUBE ( Cubemap, reflDir) .rgb * texColor.rgb * Color.rgb; 


fixed fresnel = pow(1 - saturate(dot (viewDir, bump)), 4); 
fixed3 finalColor = reflCol * fresnel + refrCol * (1 - fresnel); 


return fixed4 (finalColor, 1); 


} 


我 们 首先 通过 TtoW0 等 变量 的 w 分 量 得 到 世界 坐标 ， 并 用 该 值得 到 该 片 元 对 应 的 视角 方向 。 
除 此 之 外 ， 我 们 还 使 用 内 置 的 _Time.y 变量 和 _WaveXSpeed、_WaveYSpeed 属性 计算 了 法 线 纹理 
的 当前 偏 移 量 , 并 利用 该 值 对 法 线 纹理 进行 两 次 采样 (这 是 为 了 模拟 两 层 交 叉 的 水 面 波动 的 效果 )， 
对 两 次 结果 相 加 并 归 一 化 后 得 到 切线 空间 下 的 法 线 方向 。 然 后 ， 和 10.2.2 节 中 的 处 理 一 样 ， 我 们 
使 用 该 值 和 _Distortion 属性 以 及 _RefractionTex_TexelSize 来 对 屏幕 图 像 的 采样 坐标 进行 偏 移 ， 模 


拟 折 射 效果 。 


_Distortion 值 越 大 ， 偏 移 量 越 大 ， 水 面 背 后 的 物体 看 起 来 变形 程度 越 大 。 在 这 里 ， 


我 们 选择 使 ) 


j 切 线 空间 下 的 法 线 方向 来 进行 偏 移 ， 是 因为 该 空间 下 的 法 线 可 以 反映 项 点 局 部 空间 
下 的 法 线 方 向 。 需 要 注意 的 是 ， 在 计算 偏 移 后 的 屏幕 坐标 时 ， 我 们 把 偏 移 量 和 屏幕 坐标 的 z 分 量 
相 乘 ， 这 是 为 了 模拟 深度 越 大 、 折 射程 度 越 大 的 效果 。 如 果 读 者 不 希望 产生 这 样 的 效果 ， 可 以 直 
接 把 偏 移 值 车 加 到 屏幕 坐标 上 。 随 后 ， 我 们 对 scrPos 进行 了 透视 除法 ， 再 使 用 该 坐标 对 抓 取 的 屏 
幕 图 像 RefractionTex 进行 采样 ， 得 到 模拟 的 折射 颜色 。 


之 后 ,我 们 把 法 线 方向 从 切线 空间 变换 到 了 世界 空间 下 《使 用 变换 抢 阵 的 每 一 行 ， 即 TtoW0、 
TtoW1 和 TtoW2， 分 别 和 法 线 方向 点 乘 ， 构 成 新 的 法 线 方向 )， 并 据 此 得 到 视角 方向 相对 于 法 线 
方向 的 反射 方向 。 随 后 ， 使 用 反射 方向 对 Cubemap 进行 采样 ， 并 把 结果 和 主 纹理 颜色 相 乘 后 得 到 
反射 颜色 。 我 们 也 对 主 纹理 进行 了 纹理 动画 ， 以 模拟 水 波 的 效果 。 

为 了 混合 折射 和 反射 颜色 ， 我 们 随后 计算 了 菲 涅 耳 系 数 。 我 们 使 用 之 前 的 公式 来 计算 菲 涅 耳 


系数 ， 并 据 


如 图 15.5 左 


1 出 


纹 到 


比 来 混合 折射 和 反射 颜色 ， 作 为 最 终 的 输出 颜色 。 

在 本 例 中 , 我 们 使 用 的 噪声 纹理 (对 应 本 书 资源 的 Assets/TexturesChapter15/Water_ Noise.png ) 
图 所 示 。 由 于 在 本 例 中 , 我 们 需要 的 
是 一 张 法 线 纹理 ， 因 此 我 们 可 以 从 该 噪声 纹理 的 
灰 度 值 中 生成 需要 的 法 线 信息 ,这 是 通过 在 它 的 
四 板 中 把 纹理 类 型 设置 为 Normal map， 并 
选中 Create from grayscale 来 完成 的 。 最 后 生成 
的 法 线 纹理 如 图 15.5 右 图 所 示 。 我 们 把 生成 的 法 
线 纹理 拖 忠 到 材质 的 _WaveMap 属性 上 ， 再 单 击 
运行 后 ， 就 可 以 看 到 水 面 波 动 的 效果 


4 图 15.5 ”水 波 效 果 使 用 的 噪声 纹理 


] 左边 :噪声 纹理 的 灰 度 图 ， 右 边 ， 由 左边 生成 的 法 线 纹理 


站 日 再 谈 全 局 雪 效 
我 们 在 13.3 节 讲 到 了 如 何 使 用 深度 纹理 来 实现 一 种 基于 屏幕 后 处 理 的 全 局 筋 效 。 我 们 由 深度 


纹理 重建 每 个 像素 在 世界 空间 下 的 位 置 ， 再 使 用 一 个 基于 高 度 的 公式 来 计算 筋 效 的 混合 系数 ， 最 
后 使 用 该 系数 来 混合 雾 的 颜色 和 原 屏幕 颜色 。13.3 节 的 实现 效果 是 一 个 基于 高 度 的 均匀 雾 效 ， 即 


在 同一 个 高 度 上 ， 雾 的 浓度 是 相同 的 ， 如 图 15.6 左 图 所 示 。 然 而 ， 一 些 时 候 我 们 希望 可 以 模拟 一 
种 不 均匀 的 雾 效 ， 同 时 让 雾 不 断 际 动 ， 使 雾 看 起 来 更 加 结 渺 ， 如 图 15.6 右 图 所 示 。 而 这 就 可 以 通 
过 使 用 一 张 噪声 纹理 来 实现 。 
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本 节 的 实现 非常 简单 , 绝 大 多 数 代 码 和 13.3 
节 中 的 完全 一 样 , 我 们 只 是 添加 了 噪声 相关 的 参 
数 和 属性 ， 并 在 Shader 的 片 元 着 色 器 中 对 高 度 
的 计算 添加 了 噪声 的 影响 。 为 了 完整 性 , 我 们 会 
给 出 本 节 使 用 的 脚本 和 Shader 的 实现 ， 但 其 中 
使 用 的 原理 不 再 歼 述 ， 读 者 可 参见 13.3 节 。 

我 们 首先 需要 进行 如 下 准备 工作 。 ee 

(1) 新 建 一 个 场景 。 在 本 书 资源 中 ,该 场景 
名 为 Scene_15_3。 在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 
内 置 的 天 空 合子。 在 Window -> Lighting -> Skybox 中 去 掉 场景 中 的 天 空 盒子 。 

(2) 我 们 需要 搭建 一 个 测试 筋 效 的 场景 。 在 本 书 资源 的 实现 中 ， 我 们 构建 了 一 个 包含 3 面 墙 
的 房间 ， 并 放置 了 两 个 立方 体 和 两 个 球体 ， 它 们 都 使 用 了 我 们 在 9.5 节 中 创建 的 标准 材质 。 

(3) 新 建 一 个 脚本 。 在 本 书 资源 中 ,该 脚本 名 为 FogWithNoise.cs。 把 该 脚本 拖 电 到 摄像 机 上 。 

(4) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter15-FogWithNoise。 

我 们 首先 来 编写 FogWithNoise.cs 脚本 。 打 开 该 脚本 ， 并 进行 如 下 修改 。 

(1) 首先 ， 继 承 12.1 节 中 创建 的 基 类 : 


| public class FogWithNoise : PostEffectsBase { 


(2) 声明 该 效果 需要 的 Shader， 并 据 此 创建 相应 的 材质 : 


public Shader fogShadery 
private Material fogMaterial = null; 


入 | 


public Material material /A 
get :4 
fogMaterial = CheeckShaderAndCreateMaterial (fogShader, fogMaterial); 
return fogMaterial; 


} 


(3) 在 本 节 中 ， 我 们 需要 获取 摄像 机 的 相关 参数 ， 如 近 坊 前 平面 的 距离 、FOV 等 ， 同 时 还 需 
要 获取 摄像 机 在 世界 空间 下 的 前 方 、 上 方 和 右 方 等 方向 ， 因 此 我 们 用 两 个 变量 存储 摄像 机 的 
Camera 组 件 和 Transform 组 件 : 


private Camera myCamera; 
public Camera camera { 
get { 
if (myCamera == null) { 
myCamera = GetComponent<Camera> (); 
} 


return myCamera; 


} 


private Transform myCameraTransform; 
public Transform cameraTransform { 
get { 
if (myCameraTransform == null) { 
myCameraTransform = camera.transform; 


} 


return myCameraTransform; 
} 
} 


(4) 定义 模拟 雾 效 时 使 用 的 各 个 参数 : 
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[Range (0.1f, 3.0f)] 
public float fogDensity = 1.0f; 


public Color fogColor = Color.white; 


public float fogStart = 0.0f; 
public float fogEnd = 2.0f; 


public Texture noiseTexture; 


[Range (-0.5f, 0.5f)] 
public float fogXSpeed = 0.1f; 


[Range (-0.5f, 0.5f)] 
public float fogYSpeed = 0.1f; 


[Range (0 .0f, 3.0f)] 
public float noiseAmount = 1.0f; 


fogDensity 用 于 控制 筋 的 浓度 ，fogColor 用 于 控制 筋 的 颜色 。 我 们 使 用 的 筋 效 模拟 函数 是 基 
于 高 度 的 ， 因 此 参数 fogStart 用 于 控制 筋 效 的 起 始 高 度 ，fogEnd 用 于 控制 雾 效 的 终止 高 度 。 
noiseTexture 是 我 们 使 用 的 噪声 纹理 ，fogXSpeed 和 fogYSpeed 分 别 对 应 了 噪声 纹理 在 X 和 YY 方 
向 上 的 移动 速度 ， 以 此 来 模拟 雾 的 际 动 效果 。 最 后 ，noiseAmount 用 于 控制 噪声 程度 ， 当 
noiseAmount 为 0 时， 表示 不 应 用 任何 噪声 ， 即 得 到 一 个 均匀 的 基于 高 度 的 全 局 筋 效 。 

(5) 由 于 本 例 需 要 获取 摄像 机 的 深度 纹理 , 我 们 在 脚本 的 OnEnable 函数 中 设置 摄像 机 的 相应 状态 : 


void OnEnable() { 
camera.depthTextureMode |= DepthTextureMode.Depth; 


} 
(6) 最 后 ， 我 们 实现 了 OnRenderImage 函数 : 


void OnRenderImage (RenderTexture Src RenderTexture dest) { 
if (material != null) { 
Matrix4x4 frustumCorners = Matrix4x4.identity; 


// Compute frustumCorners 


material.SetMatrix(" FrustumCornersRay", frustumCorners); 
material.SetFloat 
material.SetColor 
material.SetFloat 


material.SetFloat 


"_FogDensity", fogDensity); 
"_FogColor", fogColor); 
"_FogStart", fogStart); 
"_FogEnd", fogEnd); 


material.SetTexture(" NoiseTex", noiseTexture); 

material.SetFloat(" FogXSpeed", fogXSpeed); 

material.SetFloat(" FogYSpeed", fogYSpeed); 
loat(" NoiseAmount", noiseAmount); 


material.SetrF 


Graphics.Blit (src, dest, material); 
} else { 

Graphics.Blitl(src, dest); 
} 


我 们 首先 利用 13.3 节 学 习 的 方法 计算 近 裁 前 平面 的 4 个 角 对 应 的 向 量 , 并 把 它们 存储 在 一 个 
矩阵 类 型 的 变量 (frustumCorners〉 中。 计算 过 程 和 原理 均 可 参见 13.3 节 。 随 后 ， 我 们 把 结果 和 
其 他 参数 传递 给 材质 ， 并 调用 Graphics.Blit (src, dest, material〉 把 演 染 结果 显示 在 屏幕 上 。 

下 面 ， 我 们 来 实现 Shader 的 部 分 。 打 开 Chapter15-FogWithNoise， 进 行 如 下 修改 。 

(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 属性 : 


Properties { 
_MainTex ("Base (RGB)", 2D) = "white" {} 
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_FogDensity ("Fog Density", Float) = 1.0 
EogColor ("EoQg Color™ Color). 二 (1 Ty Tp 3) 
_FogStart ("Fog Start", Float) = 0.0 

_FogEnd ("Fog End", Float) = 1.0 

_NoiseTex ("Noise Texture", 2D) = "white" {} 
_FogXSpeed ("Fog Horizontal Speed", Float) = 0.1 
_FogYSpeed ("Fog Vertical Speed", Float) = 0.1 
_NoiseAmount ("Noise Amount", Float) = 1 


(2) 在 本 节 中 , 我 们 使 用 CGINCLUDE 来 组 织 代码 。 我 们 在 SubShader 块 中 利用 CGINCLUDE 
和 ENDCG 语义 来 定义 一 系列 代码 : 


SubShader { 
CGINCLUDE 


ENDCG 


(3) 声明 代码 中 需要 使 用 的 各 个 变量 : 


float4x4 FrustumCornersRay; 


sampler2D MainTex; 

half4 MainTex TexelSize; 
sampler2D CameraDepthTexture; 
half FogDensity; 

fixed4 FogColor; 

float FogStart; 

float FogEnd; 

sampler2D NoiseTex; 

half FogXSpeed; 

half FogYSpeed; 

half NoiseAmount; 


_FrustumCornersRay 虽然 没有 在 Properties 中 声明 ， 但 仍 可 由 脚本 传递 给 Shader。 除 了 
Properties 中 声明 的 各 个 属性 ， 我 们 还 声明 了 深度 纹理 _CameraDepthTexture，Unity 会 在 背后 把 得 
到 的 深度 纹理 传递 给 该 值 。 

(4) 定义 顶点 着 色 器 , 这 和 13.3 节 中 的 实现 完全 一 致 。 读 者 可 以 在 13.3 节 找 到 它 的 实现 和 相 

(5) 定义 片 元 着 色 器 : 


r 


fixed4 frag(v2f i) : SV Target { 
float linearDepth = LinearEyeDepth (SAMPLE DEPTH TEXTURE ( CameraDepthTexture, i. 
uv_depth)); 
float3 worldPos = WorldSpaceCameraPos + linearDepth * i.interpolatedRay.xy2z; 
float2 speed = Time.y * float2( FogXSpeed, FogYSpeed); 
float noise = (tex2D( NoiseTex, i.uv + speed).r - 0.5) * NoiseAmount; 
float fogDensity = ( FogEnd - worldPos.y) / ( FogEnd - FogStart); 


fogDensity = saturate(fogDensity * FogDensity * (1 + noise)); 


fixed4 finalColor = tex2D( MainTex, i.uv); 
finalColor.rgb = lerp(finalColor.rgb, _FogColor.rgb, fogDensity); 


return finalColor; 


我 们 首先 根据 深度 纹理 来 重建 该 像素 在 世界 空间 中 的 位 置 。 然 后 ， 我 们 利用 内 置 的 _Time.y 
变量 和 _FogXSpeed、_FogYSpeed 属性 计算 出 当前 噪声 纹理 的 偏 移 量 ， 并 据 此 对 噪声 纹理 进行 采 
样 ， 得 到 噪声 值 。 我 们 把 该 值 减 去 0.35， 再 乘 以 控制 噪声 程度 的 属性 _NoiseAmount， 得 到 最 终 的 
噪声 值 。 随 后 ， 我 们 把 该 噪声 值 添加 到 圾 效 浓度 的 计算 中 ， 得 到 应 用 噪声 后 的 雾 效 混合 系数 


fogDensity。 最 后 ， 我 们 使 用 该 系数 将 雾 的 颜色 和 原始 颜色 进行 混 
(6) 随后 ， 我 们 定义 了 雾 效 泻 染 所 需 的 Pass: 


Pass { 
CGPROGRAM 


» 
Th 
本 
回 


#pragma vertex vert 
#pragma fragment frag 


ENDCG 
} 


(7) 最 后 ， 我 们 关闭 了 Shader 的 Fallback: 


| Fallback Off 


完成 后 返回 编辑 器 ， 并 把 Chapter15-FogWithNoise 拖 电 到 摄 
像 机 的 FogWithNoise.cs 脚本 中 的 fogShader 参数 中 。 当 然 ， 我 们 
可 以 在 FogWithNoise.cs 的 脚本 面板 中 将 fogShader 多 参数 的 默认 什 
设置 为 Chapter15-FogWithNoise， 这 样 就 不 需要 以 后 使 用 时 每 次 
都 手动 拖 上 忠 了 。 本 节 使 用 的 噪声 纹理 (对 应 本 书 资源 的 
Assets/Textures/Chapter15/Fog_Noise.jpg) 如 图 15.7 所 示 。 我们 把 
该 噪声 纹理 拖 蝶 到 FogWithNoise.cs 脚本 中 的 noiseTexture 参数 
中 , 我 们 也 可 以 参照 之 前 的 方法 ,直接 在 FogWithNoise.cs 的 脚本 
面板 中 将 noiseTexture 参数 的 默认 值 设置 为 Fog_Noise.jpg， 这 样 4 图 15.7 本 节 使 用 的 噪声 纹理 
就 不 需要 以 后 使 用 时 每 次 都 手动 拖 上 忠 了 。 


站 扩展 阅读 


读者 在 阅读 本 章 时 ， 可 能 会 有 一 个 疑问 ， 这 些 噪 声 纹理 都 是 如 何 构建 出 来 的 ? 这 些 噪 声 纹理 
可 以 被 认为 是 一 种 程序 纹理 〈Procedure Texture )， 它 们 都 是 由 计算 机 利用 某 些 算法 生成 的 。Perlin 噪 
声 (https://en.wikipedia.org/wiki/Perlin_noise ) 和 Worley 噪声 (https://en.wikipedia.org/wiki/Worley_noise ) 
是 两 种 最 常 使 用 的 噪声 类 型 ， 例 如 我 们 在 15.3 节 中 使 用 的 噪声 纹理 由 Perlin 噪声 生成 而 来 。Perlin 
噪声 可 以 用 于 生成 更 自然 的 噪声 纹理 ， 而 Worley 噪声 则 通常 用 于 模拟 诸如 石头 、 水 、 纸 张 等 多 和 孔 
噪声 。 现 代 的 图 像 编 辑 软件 ， 如 Photoshop 等 ， 往 往 提 供 了 类 似 的 功能 或 插件 ， 以 帮助 美术 人 员 
生成 需要 的 噪声 纹理 ， 但 如 果 读 者 想 要 更 加 自由 地 控制 噪声 纹理 的 生成 ， 可 能 就 需要 了 解 它们 的 
生成 原理 。 读 者 可 以 在 这 个 博客 (http://flafla2.github.io/2014/08/09/perlinnoise.html) 中 找到 一 篇 关 
于 理解 Perlin 噪声 的 非常 好 的 文章 ， 在 文章 的 最 后 ， 作 者 还 给 出 了 很 多 其 他 出 色 的 参考 链接 。 关 
于 Worley 噪声 ， 读 者 可 以 在 作者 Worley1998 年 发 表 的 论文 由 中 找到 它 的 算法 和 实现 细节 。 在 另 
一 个 非常 好 的 博客 (http://scrawkblog.com/category/procedural-noise/〉 中 ， 博 主 给 出 了 很 多 程序 噪 
声 在 Unity 中 的 实现 ， 并 包含 了 实现 源码 。 
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程序 优化 的 第 一 条 准则 : 不 要 优化 。 程 序 优化 的 


在 进行 程序 优化 的 时 候 ， 人 们 经 常会 引用 英国 的 
的 优化 准则 。 
产生 更 多 的 程序 错误 。 

然而 ， 如 果 我 们 在 游戏 开发 过 程 ， 
正确 的 做 法 是 ， 从 一 开始 就 把 优化 当成 是 游戏 设计 中 


> 


Ll]. 


移动 游戏 的 开发 者 。 和 PC 相 比 , 移动 设备 上 的 GPU 有 着 完全 不 同 的 架构 设计 , 它 能 使 / 


功能 和 其 他 资源 都 
才 发 现 游戏 根本 无 法 在 移动 设备 上 流畅 运行 


荆 


E 常 有 限 。 这 要 求 我 们 需要 时 刻 
的 结果 。 


如 ， 使 用 批 处 理 


常 有 价值 的 参考 资料 ， 在 那里 读者 可 以 学 习 到 更 多 真 
在 开始 学 习 之 前 ， 我 们 希望 读者 能 够 理解 ， 游 戏 优 化 不 仅 是 程序 员 的 工作 ， 更 需要 美工 人 员 


在 游戏 的 美术 上 进行 一 定 的 权衡 ,例如 六 避免 使 用 全 


Jackson 是 想 借 此 强调 ， 对 问题 认识 不 清 


从 来 都 没有 考虑 优化 ， 那 么 结果 往往 是 惨不忍睹 的 。 


加 
UL 


在 本 章 ， 我 们 将 会 阐述 一 些 -Unity 中 常见 的 优化 技术 。 这 
、LOD (Leyel of Detail)〉 技术 等 。 在 本 章 最 后 的 扩展 阅读 部 分 ， 我 们 给 出 一 些 非 


Unity 中 的 演 染 优化 技术 


任 则 ( 仅 针 对 专家 !): 不 要 优化 。 
一 Michael A. Jackson 

计算 机 科学 家 Michael A. Jackson 在 1988 年 

以 及 过 度 优 化 往往 会 让 事情 变 得 更 加 复杂 ， 


第 二 条 ? 


一 个 


全 日 
用 十 


了 分。 正在 阅读 本 书 的 读者 ， 有 可 
的 带宽 、 


目 完成 时 


和 


9 一 间 


优化 说 记 在 心 ， 才 可 以 避免 等 到 项 


此 


优化 技术 都 是 和 演 染 相关 的 ， 例 


的 优化 技术 。 


实 项 目 ， 


异 的 屏幕 特效 ， 避 人 免 使 用 计算 复杂 的 shader， 


减少 透明 混合 造成 的 overdraw 等 。 也 就 是 说 ， 这 是 


的 工作 。 


和 PC 平台 相 比 , 移动 平台 上 的 GPU 架构 有 很 大 的 不 同 。 由 于 处 理 资 小 
j 更 小 的 带宽 和 功能 ， 也 


上 的 GPU 架构 专注 于 尽 可 能 使 / 


程序 员 和 美工 人 员 等 各 个 部 分 人 员 共 同 参 与 


等 条 件 的 限制 , 移动 设备 
1 此 带 来 了 许多 和 PC 平台 完全 不 同 的 现象 。 


例如 ,为 了 尽 可 能 移 除 习 
芯片 〈 通 


了 些 隐 藏 的 表面 ， 减 少 overdraw〔 即 一 个 像素 被 绘 币 
常用 于 iOS 设备 和 某 些 Android 设备 ) 使 用 了 基于 瓦 片 的 延迟 泻 染 (Tiled-based Deferred 


| 多 次 )，PowerVR 


加 


Rendering，TBDR) 架构 ， 把 所 有 的 演 染 图 像 装 入 
片 元 ， 而 只 有 这 些 可 见 片 元 才 会 执行 片 元 着 色 器 。 男 
通 的 芯片 ) 和 Mali (ARM 的 芯片 ) 则 会 使 用 
来 剔除 那些 不 需要 泻 染 的 片 元 。 还 有 一 些 GPU， 义 


设计 ， 因 此 在 这 些 设备 上 ，overdraw 更 可 能 造 


Early-Z 或 相似 
HTegra《〈 英 伟 达 的 芯片 )， 则 使 用 了 传统 的 架构 
成 性 能 


个 个 瓦 片 〈tile) 中 ， 再 由 硬件 找到 可 见 的 
些 基于 瓦 片 的 GPU 架构 ， 如 Adreno (高 
的 技术 进行 一 个 低 精度 的 的 深度 检测 ， 


的 瓶颈 。 


每 个 芯片 进 行 更 有 针对 性 的 优化 。 尤 
屏幕 分 辨 率 和 等， 大相径庭 ， 这 对 图 形 优化 提 


硬件 条 件 则 相对 统一 。 读 者 可 以 在 Unity 手 
iphone-Hardware.html) 中 找到 相关 的 资料 。 


由 于 这 些 芯 片 架 构造 成 的 不 同 ， 一 些 游戏 往往 需要 针对 不 同 
是 在 Android 平台 上 , 不 
出 了 更 高 的 挑战 。 相 比 与 Android 平台 ， 
听 的 iOS 硬件 指南 (http://docs.unity3d.com/Manual/ 


中 


9 芯片 发 布 不 同 的 版 本 ， 以 便 对 
月 的 硬件 ， 如 图 形 芯 片 、 
iOS 平台 的 


同 设备 使 月 


加 阅 影响 性 能 的 因素 


首先 ， 在 学 习 如 何 优化 之 前 ， 我 们 得 了 解 影响 游戏 性 能 的 因素 有 哪些 ， 才 能 对 症 下 药 。 对 于 一 个 


游戏 来 说 ， 它 主要 需要 使 用 两 种 计算 资源 ， CPU 和 GPU。 它 们 会 互相 合作 ， 来 让 我 们 的 游戏 可 以 在 
的 帧 率 和 分 辨 率 下 工作 。 其 中 ，CPU 主要 负责 保证 帧 率 ，GPU 主要 负责 分 辨 率 相关 的 一 些 处 理 。 


预期 


绍 过 draw call 的 相关 概念 和 原理 。 简 单 来 说 ， 就 是 CPU 在 每 次 通知 GPU 进行 泻 染 之 前 ， 都 需要 
提前 准备 好 顶点 数据 (如 位 置 、 法 线 、 颜色、 纹理 坐标 等 )， 


据 此 ， 我 们 可 以 把 造成 游戏 性 能 瓶颈 的 主要 原因 分 成 以 下 几 个 方面 。 


(1) CPU。 


e 过 多 的 draw call。 


。 复杂 的 脚本 或 者 物理 模拟 。 
(2) GPU。 
。 顶点 处 理 。 

> 过 多 的 顶点 。 

> 过 多 的 逐 顶 点 计算 。 
。 片 元 处 理 。 


> 过 多 的 片 元 〈 既 可 能 是 由 于 分 辨 率 造 成 的 ， 也 可 能 是 由 于 overdraw 造成 的 ) 。 
> 过 多 的 逐 片 元 计算 。 


(3) 带宽 。 


。 使 用 了 尺 二 
。 分 辨 紊 过 高 的 帧 缓存 。 


很 大 且 未 压缩 的 纹理 。 


对 于 CPU 来 说 ， 限 制 它 的 主要 是 每 一 帧 中 draw call 的 数目 。 我 们 曾 在 2.2 节 和 2.4.3 节 中 介 


然后 


周 用 一 系列 API 把 它们 放 到 GPU 


可 以 访问 到 的 指定 位 置 ， 最 后 ， 调 用 一 个 绘制 命令 ， 来 告诉 GPU,“ 嘿 ， 我 把 东西 都 准备 好 了 ， 


你 赶紧 


3 对 
会 造 


大 部 分 时 
物理 、 


来 干 活 ( 泻 染 ) 吧 !”。 而 调用 绘制 命令 的 时 候 ， 就 会 产生 一 个 draw call。 过 多 的 draw call 


成 CPU 的 性 能 瓶颈 ， 这 是 因为 每 次 调用 draw call 时 ，CPU 往往 都 需要 改变 很 多 演 染 状态 的 
设置 ， 而 这 些 操作 是 非常 耗 时 的 。 如 果 一 帧 中 需要 的 draw call 数目 过 多 的 话 ， 就 会 导致 CPU 把 


方面 的 相关 技术 ， 


顶点 


需要 


} 间 都 花费 在 提交 draw call 的 工作 J 


而 对 于 GPU 来 说 ， 它 负责 整个 浑 染 流水 线 。 它 从 处 
着 色 器 、 片 元 着 色 器 等 一 系列 工作 ， 最 后 输出 屏幕 上 的 每 个 像素 。 因 此 ，GPU 的 性 能 瓶颈 和 
目 、 屏 幕 分 辩 素 、 显 存 等 因素 有 关 。 而 相关 的 优化 策略 可 以 从 减少 处 理 的 数据 
目 和 片 元 数目 )、 减 少 运算 复杂 度 等 方面 入 手 。 
在 了 解 了 上 面 基本 的 内 容 后 ， 本 章 后 续 章 节 会 涉及 的 优化 技术 有 。 


处 理 的 顶点 数 
规模 〈 包 括 顶 点 数 


因此 ， 这 些 内 容 不 在 本 书 的 讨论 范围 内 。 


(1) CPU 优化 。 
。 使 用 批 处 理 技术 减少 draw call 数目 。 


(2) GPU 优化 。 


。 减少 需要 处 理 的 顶点 数目 。 


> 优化 


几何 体 。 


> 使 用 模型 的 LOD (Level of Detail) 技术 。 


上 面 了 。 当 然 ， 其 他 原因 也 可 能 造成 CPU 瓶颈 ， 例 如 
布料 模拟 、 蒙 皮 、 粒 子 模拟 等 ， 这 些 都 是 计算 量 很 大 的 操作 ， 但 由 于 本 书 主要 讨论 Shader 


E CPU 传递 过 来 的 模型 数据 开始 ， 进 行 
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第 16 章 Unity 中 的 泻 染 优化 技术 


> 使 用 遮挡 剔除 〈Occlusion Culling ) 技术 。 
。 减少 需要 处 理 的 片 元 数目 。 
> 控制 绘制 顺序 。 
> 警惕 透明 物体 。 
> 减少 实时 光照 。 
。 减少 计算 复杂 度 。 
> 使 用 Shader 的 LOD (Level of Detail) 技术 。 
> 代码 方面 的 优化 。 
(3) 节省 内 存 带 宽 。 
。 减少 纹理 大 小 。 
。 利用 分 状 率 缩放 。 
在 开始 优化 之 前 ， 我 们 首先 需要 知道 是 哪个 步 又 造成 了 性 和 
的 一 些 演 染 分 析 工 具 来 实现 。 


LO wnity 中 的 演 染 分 析 工具 


Unity 内 置 了 一 些 工 具 ， 来 帮助 我 们 方便 地 查看 和 演 染 相关 的 各 个 统计 数据 。 这 些 数据 可 以 
帮助 我 们 分 析 游 戏 泻 染 性 能 ， 从 而 更 有 针对 性 地 进行 优化 。 在 Unity 5 中 ， 这 些 工 具 包括 了 泻 染 
统计 窗口 (Rendering Statistics Window)、 性 能 分 析 器 (Profiler), 以 及 帧 调试 器 (Frame Debugger)。 
需要 注意 的 是 ， 在 不 同 的 目标 平台 全, 这 些 工具 中 显示 的 数据 也 会 发 生变 化 。 


16.3.1 认识 Unity 5 的 泻 染 统计 窗口 


Unity 5 提供 了 一 个 全 新 的 窗 有 日 ， 即 泻 染 统计 窗口 
(Rendering Statistics Window〉 来 显示 当前 游戏 的 各 个 演 
染 统计 变量 ， 我 们 可 以 通过 在 Game 视图 右上 方 的 菜单 中 
单 击 Stats 按钮 来 打开 它 ， 如 图 16.1 所 示 。 从 图 16.1 中 可 
以 看 出 ， 演 染 统计 窗口 主要 包含 了 3 个 方面 的 信息 : 音频 
(Audio)、 图 像 〈Graphics) 和 网 络 (Network)。 我 们 这 里 
只 关注 第 二 个 方面 ， 即 图 像 相 关 的 演 染 统计 结果 。 

演 染 统计 窗口 中 显示 了 很 多 重要 的 泻 染 数据 ， 例 如 
FPS、 批 处 理 数 目 、 顶 点 和 三 角 网 格 的 数目 等 。 表 16.1 列 4 图 16.1 Unity 5 的 泻 染 统计 
出 了 演 染 统计 窗口 中 显示 的 各 个 信息 


丽 宽 。 而 这 可 以 利用 Unity 提供 


CC 


表 16.1 
信息 名 称 描述 
每 帧 的 时 间 和 FPS | 在 Graphic 的 右 侧 显 示 ， 给 出 了 处 理 和 演 染 一 帧 所 需 的 时 间 ， 以 及 FPS 数 
Batches 帧 中 需要 进行 的 批 处 理 数 
Saved by batching “| 合并 的 批 处 理 数目 ， 这 个 数字 表明 了 批 处 理 为 我 们 节省 了 多 少 draw call 
Tris 和 Verts 需要 绘制 的 三 角 面 片 和 顶点 数 
Screen 屏幕 的 大 小 ， 以 及 它 占用 的 内 存 大 小 
CR 泻 染 使 用 的 Pass 的 数目 ， 每 个 Pass 都 需要 Unity 的 runtime 来 绑 定 一 个 新 的 Shader， 这 可 能 千 
成 CPU 的 瓶颈 
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续 表 
信息 名 称 描述 
Visible Skinned Meshes 泻 染 的 蒙 皮 网 格 的 数目 
Animations 播放 的 动画 数目 
Unity 5 的 演 染 统计 窗口 相 较 于 之 前 版 本 中 的 有 了 一 些 变化 ， 最 明显 的 区 别 之 一 就 是 去 掉 了 


draw call 数目 的 显示 ， 而 添加 了 批 处 理 


里 解 批 处 理 的 优化 结果 。 当 然 ， 如 果 我 们 想 要 查看 draw call 的 数目 等 其 


数目 的 显示 。Batches 和 Saved by batching 更 容易 让 开发 考 
其 他 更 加 详细 的 数据 ， 可 以 


通过 Unity 编辑 器 的 性 能 分 析 器 来 查看 。 
16.3.2 ”性 能 分 析 器 的 泻 染 区 域 
我 们 可 以 通过 
的 演 染 区 域 (Rendering Area) 提供 了 更 多 关于 演 染 的 统计 信息 ， 
的 演 染 分 析 结果 。 


单 击 Window -> Profiler 来 打开 Unity 的 性 能 分 析 器 (Profiler)。 


性 能 分 析 


器 中 


图 16.2 和 


8 出 了 对 图 16.1， 


场 蒜 


Total Ratches_ 10 Tris- -2K 
Eached Draw Cals. 11 un Barches.4 Tes: Verts: 264 
Batched Draw Cals 0 Batches- 0 Tri0 Wo 


Ratching) 
Te 7-73 MES 


ce 9- 273 MS 


4 图 16.2 ”使 用 Unity 的 性 能 分 析 器 中 的 演 染 区 域 来 查看 更 多 关于 泻 染 的 统计 信息 
性 能 分 析 器 显示 了 绝 大 部 分 在 泻 染 统计 窗口 中 提供 的 信息 ， 例 如 ， 绿 线 显 示 了 批 处 理 数目 、 
蓝 线 显示 了 Pass 数目 等 ， 同 时 还 给 出 了 许多 其 他 非常 有 用 的 信息 ， 例 如 ，draw call 数目 、 动 态 批 
处 理 / 静 态 批 处 理 的 数目 、 演 染 纹理 的 数目 和 内 存 占 用 等 。 
结合 演 染 统计 窗口 和 性 能 分 析 器 ， 我 们 可 以 查看 与 泻 当 相关 的 绝 大 多 数 重 要 的 数据 。 一 个 值 
得 注意 的 现象 是 ， 性 能 分 析 器 给 出 的 draw call 数目 和 批 处 理 数目 、Pass 数目 并 不 相等 ， 并 且 看 起 
来 好 像 要 大 于 我 们 估算 的 数目 ， 这 是 因为 Unity 在 背后 需要 进行 很 多 工作 ， 例 如 ， 初 始 化 各 个 组 


存 、 为 阴影 更 新 深度 纹理 和 阴影 映射 纹理 等 ， 因 此 需要 花费 比 “ 预 期 ”更 多 的 draw call。 一 个 好 
消息 是 , Unity 5 引入 了 一 个 新 的 工具 来 帮助 我 们 查看 每 一 个 draw call 的 工作 , 这 个 工具 就 是 帧 调 
试 器 。 
16.3.3 ”再 谈 帧 调试 器 

我 们 已 经 在 之 前 的 章节 中 多 次 看 到 帧 调试 器 (Frame Debugger) 的 应 用 ， 例 如 5.5.3 节 中 解 
释 了 如 何 使 用 帧 调试 器 来 对 Shader 进行 调试 ,我 们 可 以 通过 Window -> Frame Debugger 来 打开 它 。 
在 这 个 窗口 中 ， 我 们 可 以 清楚 地 看 到 每 一 个 draw call 的 工作 和 结果 ， 如 图 16.3 所 示 。 

帧 调试 器 的 调试 面板 上 显示 了 泻 染 这 一 帧 所 需要 的 所 有 的 泻 染 事件 ， 在 本 例 中 ， 事 件数 目 为 


14， 而 其 中 包含 了 10 个 draw call 事件 〈 其 他 演 染 事件 多 为 清空 缓存 等 )。 通 过 单 击 面板 上 的 每 个 
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事件 ， 我 们 可 以 在 Game 视图 查看 该 事件 的 绘制 结果 ， 同 时 泻 染 统计 面板 上 的 数据 也 会 显示 成 截 
上 到 当前 事件 为 止 的 各 个 演 染 统计 数据 。 以 Te ng 
本 例 为 例 (场景 如 图 16.1 所 示 )， 要 泻 染 一 帧 > 4 

共 需 要 花费 10 个 draw call， 其 中 4 个 draw call 
用 于 更 新 深度 纹理 (对 应 UpdateDepthTexture )， 
4 个 draw call 用 于 演 染 平行 光 的 阴影 映射 纹理 ， 
1 个 draw call 用 于 绘制 动态 批 处 理 后 的 3 个 立 
方 体 模型 ，1 个 draw call 用 于 绘制 球体 。 a 
在 Unity 的 泻 染 统计 窗口 、 分 析 器 和 帧 调 0 
试 器 这 3 个 利器 的 帮助 下 ， 我 们 可 以 获得 很 区 
多 有 用 的 优化 信息 。 但 是 ， 很 多 诸如 演 染 时 

间 这 样 的 数据 是 基于 当前 的 开发 平台 得 到 的 ， 而 非 真 机 上 的 结果 。 事 实 上 ，Unity 正在 和 硬件 生 
产 商 合作 ， 来 首先 让 使 用 英 伟 达 图 害 (Tegra) 的 设备 可 以 出 现在 Unity 的 性 能 分 析 器 中 。 我 们 
有 理由 相信 ， 在 后 续 的 Unity 版 本 中 ， 直 接 在 Unity 中 对 移动 设备 进行 性 能 分 析 不 再 是 梦想 。 然 
而 ， 在 这 个 梦想 实现 之 前 ， 我 们 仍然 需要 一 些 外 部 的 性 能 分 析 工 具 的 帮助 。 


16.3.4 其 他 性 能 分 析 工 具 


对 于 移动 平台 上 的 游戏 来 说 ， 我 们 更 希望 得 到 在 真 机 上 运行 游戏 时 的 性 能 数据 。 这 时 ，Unity 
目前 提供 的 各 个 工具 可 能 就 不 再 能 满足 我 们 的 需求 了 。 
对 于 Android 平台 来 说 ,/ 高 通 的 入 dreno 分 析 工具 可 以 对 不 同 的 测试 机 进行 详细 的 性 能 分 析 。 
英 伟 达 提 供 了 NVPerfHUD 工具 来 帮助 我 们 得 到 几乎 所 有 需要 的 性 能 分 析 数 据 ， 例 如 ， 每 个 draw 
call 的 GPU 时间， 每 个 shader 花费 的 (cycle 数目 等 。 

对 于 iOS 平台 来 说 ，Unity 内 置 的 分 析 器 可 以 得 到 整个 场景 花费 的 GPU 时 间 。PowerVRAM 
的 PVRUniSCo shader 分 析 器 也 可 以 给 出 一 个 大 致 的 性 能 评估 。Xcode 中 的 OpenGL ES Driver 
Instruments 可 以 给 出 一 些 宏 观 上 的 性 能 信息 ， 例 如 ， 设 备 利用 率 、 泻 染 器 利用 率 等 。 但 相对 于 
Android 平台 ， 对 iOS 的 性 能 分 析 更 加 困难 (工具 较 少 )。 而 且 PowerVR 芯片 采用 了 基于 瓦 片 的 
延迟 演 染 器 ， 因 此 ， 想 要 得 到 每 个 draw call 花费 的 GPU 时 间 是 几乎 不 可 能 的 。 这 时 ， 一 些 宏观 
上 的 统计 数据 可 能 更 有 参考 价值 。 

一 些 其 他 的 性 能 分 析 工 具 可 以 在 Unity 的 官方 手册 (http://docs.unity3d.com/Manual/ 
MobileProfiling.html) 中 找到 。 当 找到 了 性 能 瓶颈 后 ， 我 们 就 可 以 针对 这 些 方面 进行 特定 的 优化 。 


上 减少 traw call 数目 


读者 最 常 看 到 的 优化 技术 大 概 就 是 批 处 理 〈batching) 了 。 批 处 理 的 实现 原理 就 是 为 了 减少 
每 一 帧 需要 的 draw call 数目 。 为 了 把 一 个 对 象 这 染 到 屏幕 上 ，CPU 需要 检查 哪些 光源 影响 了 该 物 
体 ， 绑 定 shader 并 设置 它 的 参数 ， 再 把 泻 染 命令 发 送 给 GPU。 当 场景 中 包含 了 大 量 对 象 时 ， 这 些 
操作 就 会 非常 耗 时 。 一 个 极端 的 例子 是 ， 如 果 我 们 需要 泻 染 一 千 个 三 角形 ， 把 它们 按 一 千 个 单独 
的 网 格 进行 泻 染 所 花费 的 时 间 要 远 远 大 于 泻 染 一 个 包含 了 一 千 个 三 角形 的 网 格 。 在 这 两 种 情况 下 ， 
GPU 的 性 能 消耗 其 实 并 没有 多 大 的 区 别 ， 但 CPU 的 draw call 数目 就 会 成 为 性 能 瓶颈 。 因 此 ， 批 
处 理 的 思想 很 简单 ， 就 是 在 每 次 面 对 draw call 时 尽 可 能 多 地 处 理 多 个 物体 。 我 们 已 经 在 2.2 节 和 
2.4.3 节 中 详细 地 讲述 了 draw call 和 批 处 理 之 间 的 联系 ,本 节 则 在 介绍 如 何在 Unity 中 利用 批 处 理 
技术 来 优化 泻 染 。 


16.3 ”使 用 帧 调试 器 来 查看 单独 的 draw call 的 绘制 结 


EA 
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那么 ， 什 么 样 的 物体 可 以 一 起 处 理 呢 ? 答案 就 是 使 用 同一 个 材质 的 物体 。 这 是 因为 ， 对 于 使 
j 同 一 个 材质 的 物体 ， 它 们 之 间 的 不 同 仅仅 在 于 顶点 数据 的 差别 。 我 们 可 以 把 这 些 顶 点 数据 合并 
在 一 起 ， 再 一 起 发 送 给 GPU， 就 可 以 完成 一 次 批 处 理 。 

Unity 中 支持 两 种 批 处 理 方式 : 一 种 是 动态 批 处 理 ， 另 一 种 是 静态 批 处 理 。 对 于 动态 批 处 理 
来 说 ， 优 点 是 一 切 处 理 都 是 Unity 自动 完成 的 ， 不 需要 我 们 自己 做 任何 操作 ， 而 且 物 体 是 可 以 移 
动 的 ， 但 缺点 是 ， 限 制 很 多 ， 可 能 一 不 小 心 就 会 破坏 了 这 种 机 制 ， 导 致 Unity 无 法 动态 批 处 理 
些 使 用 了 相同 材质 的 物体 。 而 对 于 静态 批 处 理 来 说 ， 它 的 优点 是 自由 度 很 高 ， 限 制 很 少 ; 但 缺点 
是 可 能 会 占用 更 多 的 内 存 ， 而 且 经 过 静态 批 处 理 后 的 所 有 物体 都 不 可 以 再 移动 了 《即便 在 脚本 ， 
尝试 改变 物体 的 位 置 也 是 无 效 的 )。 


16.4.1 动态 批 处 理 


如 果 场 景 中 有 一 些 模型 共享 了 同一 个 材质 并 满足 一 些 条 件 ，Unity 就 可 以 自动 把 它们 进行 批 
处 理 ， 从 而 只 需要 花费 一 个 draw call 就 可 以 泻 染 所 有 的 模型 。 动 态 批 处 理 的 基本 原理 是 ， 每 一 帧 
把 可 以 进行 批 处 理 的 模型 网 格 进行 合并 ， 再 把 合并 后 模型 数据 传递 给 GPU， 然 后 使 用 同一 个 材质 
对 其 演 染 。 除 了 实现 方便 ， 动 态 批 处 理 的 另 一 个 好 处 是 ， 经 过 批 处 理 的 物体 仍然 可 以 移动 ， 这 是 
于 在 处 理 每 帧 时 Unity 都 会 重新 合并 一 次 网 格 。 
虽然 Unity 的 动态 批 处 理 不 需要 我 们 进行 任何 额外 工作 ， 但 只 有 满足 条 件 的 模型 和 材质 才 可 
以 被 动态 批 处 理 。 需 要 注意 的 是 ， 随 着 Unity 版 本 的 变化 ， 这 些 条 件 也 有 一 些 改变 。 在 本 节 中 ， 
我 们 给 出 一 些 主要 的 条 件 限 制 。 
。 能 够 进行 动态 批 处 理 的 网 格 的 顶点 属性 规模 要 小 于 900。 例 如 ， 如 果 shader 中 需要 使 用 顶 
点 位 置 、 法 线 和 纹理 坐标 这 3 个 顶点 属性 ， 那 么 要 想 让 模型 能 够 被 动态 批 处 理 ， 它 的 顶点 
数目 不 能 超过 300。 需 要 注意 的 是 ， 这 个 数字 在 未 来 有 可 能 会 发 生变 化 ， 因 此 不 要 依赖 这 
个 数据 。 

。 一 般 来 说 ， 所 有 对 象 都 需要 使 用 同一 个 缩放 尺度 〈 可 以 是 (1, 1, 1)、(1,2,3)、(1.5, 1.4, 1.3) 
等 ， 但 必须 都 一 样 )。 一 个 例外 情况 是 ， 如 果 所 有 的 物体 都 使 用 了 不 同 的 非 统 一 缩放 ， 那 
么 它们 也 是 可 以 被 动态 批 处 理 的 。 但 在 Unity 5 中 , 这 种 对 模型 缩放 的 限制 已 经 不 存在 了 。 

。 使 用 光照 纹理 〈lightmap ) 的 物体 需要 小 心 处 理 。 这 些 物体 需要 额外 的 演 染 参数 ， 例 如 ， 
在 光照 纹理 上 的 索引 、 偏 移 量 和 缩放 信息 等 。 因 此 ， 为 了 让 这 些 物体 可 以 被 动态 批 处 理 
我 们 需要 保证 它们 指向 光照 纹理 中 的 同一 个 位 置 。 

。 多 Pass 的 shader 会 中 断 批 处 理 。 在 前 向 泻 染 中 ， 我们 有 时 需要 使 用 额外 的 Pass 来 为 模型 

添加 更 多 的 光照 效果 ， 但 这 样 一 来 模型 就 不 会 被 动态 批 处 理 了 。 
在 本 书 资源 的 Scene_16_3_1 场景 中 ， 我 们 给 出 了 这 样 一 个 场景 。 场 景 中 包含 了 3 个 立方 体 ， 
它们 使 用 同一 个 材质 ， 同 时 还 包含 了 一 个 使 用 其 他 材质 的 球体 。 场 景 中 还 包含 了 一 个 平行 光 ， 但 
我 们 关闭 了 它 的 阴影 效果 ， 以 避免 阴影 计算 对 批 处 理 数目 的 影响 。 这 样 一 个 场景 的 演 染 统计 数据 
如 图 16.4 所 示 。 

从 图 16.4 中 可 以 看 出 ， 要 演 染 这 样 一 个 包含 了 4 个 物体 的 场景 共 需 要 两 个 批 处 理 。 其 中 ,一 
个 批 处 理 用 于 绘制 经 过 动态 批 处 理 合并 后 的 3 个 立方 体 网 格 ， 另 一 个 批 处 理 用 于 绘制 球体 。 我 们 
可 以 从 Save by batching 看 出 批 处 理 帮 我 们 节省 了 两 个 draw call。 

现在 ， 我 们 再 向 场景 中 添加 一 个 点 光源 ， 并 调整 它 的 位 置 使 它 可 以 照 亮 场景 中 的 4 个 物体 。 
于 场景 中 的 物体 都 使 用 了 多 个 Pass 的 shader， 因 此 ， 点 光源 会 对 它们 产生 光照 影响 。 图 16.5 给 
出 了 添加 点 光源 后 的 泻 染 统计 数据 。 
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4 图 16.4 动态 批 处 理 4 图 16.5 多 光源 对 动态 批 处 理 的 影响 结果 


从 图 16.5 中 可 以 看 出 ， 泻 染 一 帧 所 需 的 批 处 理 数目 增 大 到 了 8， 而 Save by batching 的 数目 
也 变 成 了 0。 这 是 因为 ， 使 用 了 多 个 Pass 的 shader 在 需要 应 用 多 个 光照 的 情况 下 ， 破 坏 了 动态 批 
处 理 的 机 制 ， 导 致 Unity 不 能 对 这 些 物体 进行 动态 批 处 理 。 而 由 于 平行 光 和 点 光源 需要 对 4 个 物 
体 分 别 产生 影响 ， 因 此 ， 需 要 2x4 个 批 处 理 操 作 。 需 要 注意 的 是 ， 只 有 物体 在 点 光源 的 影响 范围 
内 ，Unity 才 会 调用 额外 的 Pass 来 处 理 它 。 因 此 ， 如 果 场 景 中 点 光源 距离 物体 很 远 ， 那 么 它们 仍 
然 会 被 动态 批 处理 的 。 

动态 批 处 理 的 限制 条 件 比 较 多 ， 例 如 很 多 时 候 ， 我 们 的 模型 数据 往往 会 超过 900 的 顶点 属性 
限制 。 这 种 时 候 依赖 动态 批 处 理 来 减少 draw call 显然 已 经 不 能 够 满足 我 们 的 需求 了 。 这 时 ， 我 们 
可 以 使 用 Unity 的 静态 批 处 理 技术 。 


16.4.2 ”静态 批 处 理 


Unity 提供 了 另 一 种 批 处 理 方式 , 即 静 态 批 处 理 。 相 比 于 动态 批 处 理 来 说 ， 静 态 批 处 理 适用 于 
任何 大 小 的 几何 模型 。 它 的 实现 原理 是 , 只 在 运行 开始 阶段 ， 把 需要 进行 静态 批 处 理 的 模型 合并 到 
一 个 新 的 网 格 结构 中 ， 这 意味 着 这 些 模型 不 可 以 在 运行 时 刻 被 移动 。 但 由 于 它 只 需要 进行 一 次 合并 
操作 ， 因 此 ， 比 动态 批 处 理 更 加 高 效 。 静 态 批 处 理 的 另 一 个 缺点 在 于 ， 它 往往 需要 占用 更 多 的 内 存 
来 存储 合并 后 的 几何 结构 。 这 是 因为 ， 如 果 在 静态 批 处 理 前 一 些 物体 共享 了 相同 的 网 格 ， 那 么 在 内 
存 中 每 一 个 物体 都 会 对 应 一 个 该 网 格 的 复制 品 , 即 一 个 网 格 会 变 成 多 个 网 格 再 发 送 给 GPU。 如果 这 
类 使 用 同一 网 格 的 对 象 很 多 ， 那 么 这 就 会 成 为 一 个 性 能 瓶 须 了 。 例 如 ， 如 果 在 一 个 使 用 了 1 000 个 
相同 树 模型 的 森林 中 使 用 静态 批 处 理 ， 那 么 ， 就 会 多 使 用 1 000 倍 的 内 存 ， 这 会 造成 严重 的 内 存 影 
响 。 这 种 时 候 ， 解 决 方法 要 么 忍受 这 种 牺牲 内 存 换取 性 能 的 方法 ， 要 么 不 要 使 用 静态 批 处 理 ， 而 使 
用 动态 批 处 理 技术 (但 要 小 心 控制 模型 的 顶点 属性 数目 )， 或 者 自己 编写 批 处 理 的 方法 。 

在 本 书 资 源 的 Scene_16_3_2 场景 中 , 我 们 给 出 了 一 个 测试 静态 批 处 理 的 场景 。 场景 中 包含 了 
3 个 Teapot 模型 ， 它 们 使 用 同一 个 材质 ， 同 时 还 包含 了 一 个 使 用 不 同 材质 的 立方 体 。 场 景 中 还 包 
含 了 一 个 平行 光 , 但 我 们 关闭 了 它 的 阴影 效果 ， 以 避免 阴影 计算 对 批 处 理 数目 的 影响 。 在 运行 前 ， 
这 样 一 个 场景 的 泻 染 统计 数据 如 图 16.6 所 示 。 

从 图 16.6 中 可 以 看 出 , 尽管 3 个 Teapot 模型 使 用 了 相同 的 材质 , 但 它们 仍然 没有 被 动态 批 处 
里 。 这 是 因为 ，Teapot 模型 包含 的 顶点 数目 是 393， 而 它们 使 用 的 shader 中 需要 使 用 4 个 顶点 属 
性 《顶点 位 置 、 法 线 方向 、 切 线 方 向 和 纹理 坐标 )， 超 过 了 动态 批 处 理 中 限定 的 900 限制 。 此 时 ， 
要 想 减 少 draw call 就 需要 使 用 静态 批 处 理 。 
静态 批 处 理 的 实现 非常 简单 ， 只 需要 把 物体 面板 上 的 Static 复 选 框 勾 选 上 即 可 (实际 上 我 们 
只 需要 勾 选 Batching Static 即 可 )， 如 图 16.7 所 示 。 

这 时 ,我 们 再 观察 演 染 统计 窗口 中 的 批 处 理 数 目 ， 还 是 没有 变化 。 但 是 不 要 急 ， 运行 程序 后 ， 
变化 就 出 现 了 ， 如 图 16.8 所 示 。 
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@ Inspector Pw 
Wy V Teapot 
$ 


Tag | Untagged $ | Layer| Default 
Prefab | Select Revert Apply 
VT~ Transform 次， 
Position Xx[-L87 |Y[-L5 |zl097 | 
Rotation Xil270 |Y|331.307|Z|0 
Scale X12 [2 |zl2 
4 图 16.6 ”静态 批 处 理 前 的 演 染 统计 数据 4 图 16.7 把 物体 标志 为 Static 


从 图 16.2 中 可 以 看 出 ， 现 在 的 批 处 理 数目 变 成 了 2， 而 Save by batching 数目 也 显示 为 2。 此 时 ， 
如 果 我 们 在 运行 时 查看 每 个 模型 使 用 的 网 格 ， 会 发 现 它们 都 变 成 了 一 个 名 为 Combined Mesh (roo: 
scene) 的 东西 ， 如 图 16.9 所 示 。 这 个 网 格 是 Unity 合并 了 所 有 被 标识 为 “Static” 的 物体 的 结果 ， 在 我 
们 的 例子 里 ， 就 是 3 个 Teapot 和 一 个 立方 体 。 读 者 可 能 会 有 一 个 疑问 ， 这 4 个 对 象 明明 不 是 都 使 用 了 
个 材质 ， 为 什么 可 以 合并 成 一 个 昵 ? 如 果 你 仔细 观看 图 16.9 的 结果 ， 会 发 现在 图 16.9 的 右 下 方 标 
明了 “4 submeshes”， 也 就 是 说 ， 这 个 合并 后 的 网 格 其 实 包含 了 4 个 子 网 格 ， 即 场景 中 的 4 个 对 象 。 
对 于 合并 后 的 网 格 ，Unity 会 判断 其 中 使 用 同一 个 材质 的 子 网 格 ， 然 后 对 它们 进行 批 处 理 。 


4 图 16.8 ”静态 批 处 理 4 图 16.9 静态 批 处 理 中 Unity 

会 合并 所 有 被 标识 为 “Static” 的 物体 
在 内 部 实现 上 ，Unity 首先 把 这 些 静 态 物 体 变 换 到 世界 空间 下 ， 然 后 为 它们 构建 一 个 更 大 的 
顶点 和 索引 缓存 。 对 于 使 用 了 同一 材质 的 物体 ，Unity 只 需要 调用 一 个 draw call 就 可 以 绘制 全 部 
物体 。 而 对 于 使 用 了 不 同 材 质 的 物体 ， 静 态 批 处 理 同样 可 以 提升 泻 染 性 能 。 尽 管 这 些 物体 仍然 需 
要 调用 多 个 draw call， 但 静态 批 处 理 可 以 减少 这 些 draw call 之 间 的 状态 切换 ， 而 这 些 切换 往往 是 
费时 的 操作 。 从 合并 后 的 网 格 结构 中 我 们 还 可 以 发 现 ， 尽 管 3 个 Teapot 对 象 使 用 了 同一 个 网 格 ， 
但 合并 后 却 变 成 了 3 个 独立 网 格 。 而 且 ， 我 们 可 以 从 Unity 的 分 析 器 中 观察 到 在 应 用 静态 批 处 理 
前 后 VBO total 的 变化 ， 从 图 16.10 所 示 中 可 以 看 出 ，VBO (Vertex Buffer Object， 顶 点 缓冲 对 象 ) 
的 数目 变 大 了 。 这 正 是 因为 静态 批 处 理会 占用 更 多 内 存 的 缘故 ， 正 如 本 节 一 开头 所 讲 ， 静 态 批 处 
里 需要 占用 更 多 的 内 存 来 存储 合并 后 的 几何 结构 ， 如 果 一 些 物 体 共 享 了 相同 的 网 格 ， 那 么 在 内 存 
中 每 一 个 物体 都 会 对 应 一 个 该 网 格 的 复制 品 。 


让 


4 图 16.10 静态 批 处 理会 占用 更 多 的 内 存 。 左 边 : 静态 批 处 理 前 的 泻 染 统计 数据 ， 右 边 ， 静态 批 处 理 后 的 泻 染 统计 数据 
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如 果 场 景 中 包含 了 除了 平行 光 以 外 的 其 他 光源 , 并 且 在 shader 中 定义 了 额外 的 Pass 来 处 理 它 
们 ， 这 些 额 外 的 Pass 部 分 是 不 会 被 批 处 理 的。 图 16.11 显示 了 在 场景 中 添加 了 一 个 会 影响 4 个 物 
体 的 点 光源 之 后 ， 泻 染 统计 窗口 的 数据 变化 。 


到 16.11 处 理 其 他 逐 像素 光 的 Pass 不 会 被 静态 批 处 理 


但 是 , 处 理 平行 光 的 Base Pass 部 分 仍然 会 被 静态 批 处 理 , 因此 , 我 们 仍然 可 以 节省 两 个 draw call。 


a 


16.4.3 共享 材质 


从 之 前 的 内 容 可 以 看 出 ， 无 论 是 动态 批 处 理 还 是 静态 批 处 理 ， 都 要 求 模型 之 间 需 要 共享 同一 
个 材质 。 但 不 同 的 模型 之 间 总 会 需要 有 不 同 的 泻 染 属性 ， 例 如 ， 使 用 不 同 的 纹理 、 颜 色 等 。 这 时 ， 
我 们 需要 一 些 策 略 来 尽 可 能 地 合并 材质 ; 

如 果 两 个 材质 之 间 只 有 使 用 的 纹理 不 同 ， 我 们 可 以 把 这 些 纹理 合并 到 一 张 更 大 的 纹理 中 ， 这 
张 更 大 的 纹理 被 称 为 是 一 张 图 集 / (atlas)s 一 旦 使 用 了 同一 张 纹理 ， 我 们 就 可 以 使 用 同一 个 材质 ， 
再 使 用 不 同 的 采样 坐标 对 纹理 采样 即 可 。 

但 有 时 ， 除 了 纹理 不 同 外 ,不同 的 物体 在 材质 上 还 有 一 些微 小 的 参数 变化 ， 例 如 ， 颜 色 不 同 、 
某 些 浮 点 属性 不 同 。 但 是 , 不 管 是 动态 批 处 理 还 是 静态 批 处 理 , 它们 的 前 提 都 是 要 使 用 同一 个 材质 。 
是 同一 个 ， 而 不 是 使 用 了 同一 种 Shader 的 材质 ， 也 就 是 说 它们 指向 的 材质 必须 是 同一 个 实体 。 这 意 
味 着 , 只 要 我 们 调整 了 参数 , 就 会 影响 到 所 有 使 用 这 个 材质 的 对 象 。 那 么 想 要 微小 的 调整 怎么 办 呢 ? 
一 种 常用 的 方法 就 是 使 用 网 格 的 顶点 数据 《〈 最 常见 的 就 是 顶点 颜色 数据 ) 来 存储 这 些 参数 。 

前 面 说 过 ， 经 过 批 处 理 后 的 物体 会 被 处 理 成 更 大 的 VBO 发 送 给 GPU，VBO 中 的 数据 可 以 作 
为 输入 传递 给 顶点 着 色 器 ， 因 此 ， 我 们 可 以 巧妙 地 对 VBO 中 的 数据 进行 控制 ， 从 而 达到 不 同 效 
果 的 目的 。 一 个 例子 是 ， 森 林场 景 中 所 有 的 树 使 用 了 同一 种 材质 ， 我 们 希望 它们 可 以 通过 批 处 理 
来 减少 draw call, 但 不 同 树 的 颜色 可 能 不 同 。 这 时 ,我 们 可 以 利用 网 格 的 顶点 的 颜色 数据 来 调整 。 

需要 注意 的 是 ， 如 果 我 们 需要 在 脚本 中 访问 共享 材质 ， 应 该 使 用 Renderer.sharedMaterial 来 保 
证 修改 的 是 和 其 他 物体 共享 的 材质 ， 但 这 意味 着 修改 会 应 用 到 所 有 使 用 该 材质 的 物体 上 。 男 一 个 
类 似 的 API 是 Renderer.material ， 如果 使 用 Renderer.material 来 修改 材质 ，Unity 会 创建 一 个 该 材 
质 的 复制 品 ， 从 而 破坏 批 处 理 在 该 物体 上 的 应 用 ， 这 可 能 并 不 是 我 们 希望 看 到 的 。 


16.4.4 批 处 理 的 注意 事项 


在 选择 使 用 动态 批 处 理 还 是 静态 批 处 理 时 ， 我 们 有 一 些小 小 的 建设 。 

。 尺 可 能 选择 静态 批 处 理 , 但 得 时 刻 小 心 对 内 存 的 消耗 并且 记 住 经 过 静态 批 处 理 的 物体 不 
可 以 再 被 移动 。 

。 如 果 无 法 进行 静态 批 处 理 , 而 要 使 用 动态 批 处 理 的 话 , 那么 请 小 心 上 面 提 到 的 各 种 条 件 限 

制 。 例 如 ， 尽 可 能 让 这 样 的 物体 少 并 且 尽 可 能 让 这 些 物体 包含 少量 的 顶点 属性 和 项 点 数目 。 


于 游戏 
。 对 


的 小 道 


世界 空间 下 再 合并 它们 ， 
到 错误 的 结果 。 
不 会 被 批 处 理 。 


\， 例 如 可 以 捡拾 的 金币 等 ， 可 以 使 
F 包含 动画 的 这 类 物体 ,我 们 无 法 全 部 使 用 静态 批 处 理 ， 但 其 中 如 果 有 不 动 的 部 分 ， 可 
以 把 这 部 分 标识 成 “Static”。 


除了 上 述 提 示 外 ， 在 使 用 批 处 理 时 还 有 一 些 需要 注意 的 地 方 。 


动态 批 处 理 。 


于 批 处 理 需要 把 多 个 模型 变换 到 


因此 ， 如 果 
个 解决 方法 是 ， 在 shader 中 使 用 DisableBatching 标签 来 强制 使 用 该 Shader 的 材质 


shader 中 存在 一 些 基于 模型 空间 下 的 坐标 的 运算 ， 那 么 往往 会 得 


男 


处 理 


这 意味 


尽管 在 Unity 5.2 1! 


还 没有 实现 批 处 理 。 


个 注意 事项 是 ， 使 用 半 透 明 材 质 的 物体 通常 需要 使 用 严格 的 从 后 往 前 的 绘制 顺序 
来 保证 透明 混合 的 正确 性 。 对 于 这 些 物体 ，Unity 会 
首 ， 当 绘制 顺序 无 法 满足 时 ， 批 处 
， 只 实现 了 对 一 些 泻 染 部 分 的 提 


和 先 保证 它们 的 绘制 顺序 ， 再 尝试 对 它们 进行 批 
里 无 法 在 这 些 物 体 上 被 成 功 应 用 。 
处 理 。 而 诸如 演 染 摄像 机 的 深度 纹理 等 部 分 ， 


Ts 


且 我 们 相信 ， 在 后 续 的 Unity 


版本! 


， 批 处 理会 应 用 到 越 来 越 多 的 泻 染 部 分 中 。 


[可 减少 需要 处 理 的 顶点 数目 


尽管 draw call 是 一 个 重要 的 性 能 指标 ， 但 顶点 数目 同样 有 可 能 成 为 GPU 的 性 
的 顶点 优化 策略 。 


16.5.1 


少 模型 中 三 


优 
3D 游戏 


， 我 们 将 给 出 
几何 体 
I 作 通 


3 个 常 / 


有 


看 片 


常 都 是 由 模型 


瓦 颈 。 在 本 


ZI 
CC 


制作 开始 的 。 而 在 建 模 时 ， 有 一 条 规则 我 们 需要 记 住 : 尽 可 能 减 


的 数目 ， 一 些 对 于 模型 没有 影响 、 或 是 肉眼 非常 难 察觉 到 区 别 的 顶点 都 要 尽 可 


能 去 掉 。 为 了 
软件 中 ， 都 有 相应 
在 Unity 的 演 染 统计 窗口 中 ， 
需要 注意 的 是 ， 
目 要 大 很 多 。 谁 
真正 应 该 关心 的 是 Unity 里 显示 的 数目 。 
我 们 在 这 里 简单 解释 一 下 造成 这 种 不 同 
顶点 的 ， 即 组 成 几何 体 的 每 


尽 可 能 减少 模型 
的 优化 选项 ， 


的 顶点 数目 


， 美 工人 员 往 往 需 要 优化 网 格 结构 。 在 很 多 三 维 建 模 


Unity ! 


显示 的 数 


E 才 是 对 的 呢 ? 


可 以 E 


实 ， 这 是 因为 在 不 同 的 


动 优化 网 格 结构 。 
我 们 可 以 查看 到 泻 染 当前 帧 需要 的 三 角 盏 
目 往往 要 多 于 建 模 软件 里 显示 的 顶点 数 ， 通常 Unity ! 


片 数目 和 顶点 数目 。 
显示 的 数 
度 上 计算 的 ， 都 有 各 自 的 道理 ， 但 我 们 


的 原因 。 三 维 软件 更 多 地 是 站 在 我 们 人 类 的 角度 理解 


个 点 就 是 


个 单独 的 点 。 而 Unity 是 站 在 GPU 的 角度 上 去 计算 顶点 


数 的。 在 GPU 看 来 ,有 时 需要 把 
主要 有 两 个 : 一 个 是 为 了 分 离 纹理 坐标 〈uv splits)， 另 一 个 是 为 了 产生 平滑 的 边界 〈smoothing 


splits)。 它 们 的 本 质 ， 划 


大 


实 都 是 


个 顶点 拆 分 成 两 个 或 更 多 的 顶点 。 这 种 将 顶点 一 分 为 多 的 原因 


为 对 于 GPU 来 说 ， 顶 点 的 每 一 个 属性 和 顶点 之 间 必 须 是 一 对 一 


的 关系 。 而 分 离 纹 


里 坐标 ， 是 因 


它 的 6 个 面 之 间 晤 


然 使 用 


同 。 对 于 GPU 来 说 ， 这 是 不 可 理解 的 ， 
顶点 。 而 平滑 边界 也 是 类 似 的 ， 不 同 的 是 ， 此 时 一 个 项 
这 通常 是 因为 我 们 要 


为 建 模 时 一 个 顶点 的 纹理 坐标 有 多 个 。 例 如 ， 对 于 一 个 立方 体 ， 
了 一 些 相 同 的 项 点， 但 在 不 同和 


上 ， 同 一 个 顶点 的 纹理 坐标 可 能 并 不 相 
此 ， 它 必须 把 这 个 顶点 拆 分 成 多 个 具有 不 同 纹理 坐标 的 
点 可 能 会 对 应 多 个 法 线 信息 或 切线 信息 。 


大 


定 一 个 边 是 一 条 硬 边 〈hard edge) 还 是 一 条 平滑 边 〈smooth edge )。 


对 于 GPU 来 说 ， 它 本 质 上 只 关心 有 多 少 个 顶点 。 因 此 ， 尽 可 能 减少 顶点 的 数目 其 实 才 是 我 们 


真正 需要 关心 的 寻 
避免 边界 平滑 和 纹 


了 情 。 因 此 ， 最 后 一 条 几何 体 优 化 建议 就 是 : 移 除 不 必要 的 硬 边 以 及 纹理 衔接 ， 


里 分 离 。 


16.5.2 ”模型 的 LOD 技术 


另 一 个 减少 顶点 数目 的 方法 是 使 用 LOD (Level of Detail) 技术 。 这 种 技术 的 原理 是 ， 
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物体 离 摄像 机 很 还 时 ， 模 型 上 的 很 多 细节 是 无 法 被 察觉 到 的 。 因 此 ，LOD 多 许 当 对 象 逐渐 远离 摄 
像 机 时 ， 减 少 模型 上 的 面 片 数 量 ， 从 而 提高 性 能 。 

在 Unity 中 , 我 们 可 以 使 用 LOD Group 组 件 来 为 一 个 物体 构建 一 个 LOD。 我 们 需要 为 同一 个 
对 象 准备 多 个 包含 不 同 细节 程序 的 模型 ， 然 后 把 它们 赋 给 LOD Group 组 件 中 的 不 同等 级 ，Unity 
就 会 自动 判断 当前 位 置 上 需要 使 用 哪个 等 级 的 模型 。 


16.5.3 ”遮挡 剔除 技术 


我 们 最 后 要 介绍 的 项 点 优化 策略 就 是 遮挡 吻 除 Occlusion culling) 技术 。 遮 挡 剔 除 可 以 用 来 
消除 那些 在 其 他 物件 后 面 看 不 到 的 物件 ， 这 意味 着 资源 不 会 浪费 在 计算 那些 看 不 到 的 顶点 上 ， 进 
而 提升 性 能 。 

我 们 需要 把 遮挡 剔除 和 摄像 机 的 视 锥 体 剔 除 (Frustum Culling) 区 分 开 来 。 视 锥 体 剔 除 只 会 
剔除 掉 那 些 不 在 摄像 机 的 视野 范围 内 的 对 象 ， 但 不 会 判断 视野 中 是 否 有 物体 被 其 他 物体 挡住 。 而 
遮挡 剔除 会 使 用 一 个 虚拟 的 摄像 机 来 遍历 场景 ， 从 而 构建 一 个 潜在 可 见 的 对 象 集合 的 层级 结构 。 
在 运行 时 刻 ， 每 个 摄像 机 将 会 使 用 这 个 数据 来 识别 哪些 物体 是 可 见 的 ， 而 哪些 被 其 他 物体 挡住 不 
可 见 。 使 用 遮挡 剔除 技术 ， 不 仅 可 以 减少 处 理 的 顶点 数目 ， 还 可 以 减少 overdraw， 提 高 游戏 性 能 。 

要 在 Unity 中 使 用 遮挡 剔除 技术 ， 我 们 需要 进行 一 系列 额外 的 处 理工 作 。 有 具体 步骤 可 以 参见 
Unity 手册 的 相关 内 容 (http://docs.unity3d.com/Manual/OcclusionCulling.html )， 本 书 不 再 袭 述 。 

模型 的 LOD 技术 和 遮挡 剔除 技术 可 以 同时 减少 CPU 和 GPU 的 负荷 。CPU 可 以 提交 更 少 的 
draw call， 而 GPU 需要 处 理 的 顶点 和 片 元 数目 也 减少 了 。 


1 站 减少 需要 处 理 的 片 元 数目 


另 一 个 造成 GPU 瓶颈 的 是 需要 处 理 过 多 的 片 元 。 这 部 分 优化 的 重点 在 于 减少 overdraw。 简 
单 来 说 ，overdraw 指 的 就 是 同一 个 像素 被 绘制 了 多 次 。 

Unity 还 提供 了 查看 overdraw 的 视图 ， 我 们 可 以 在 Scene 视图 左上 方 的 下 拉 荣 单 中选 : 
Overdraw 即 可 。 实 际 上 ， 这 里 的 视图 只 是 提供 了 查看 物体 相互 遮挡 的 层 数 ， 并 不 是 真正 的 最 终 
屏幕 绘制 的 overdraw。 也 就 是 说 ， 可 以 理解 为 它 显示 的 是 ， 如 果 没 有 使 用 任何 深度 测试 和 其 他 优 
化 策略 时 的 overdraw。 这 种 视图 是 通过 把 所 有 对 象 都 演 染 成 一 个 透明 的 轮廓 ， 通 过 查看 透明 颜色 
的 累计 程度 , 来 判断 物体 之 间 的 遮挡 。 当 然 , 我 们 可 以 使 用 一 些 措 施 来 防止 这 种 最 坏 情况 的 出 现 。 


16.6.1 控制 绘制 顺序 


为 了 最 大 限度 地 避免 overdraw， 一 个 重要 的 优化 策略 就 是 控制 绘制 顺序 。 由 于 深度 测试 的 存 
在 ， 如 果 我 们 可 以 保证 物体 都 是 从 前 往 后 绘制 的 ， 那 么 就 可 以 很 大 程度 上 减少 overdraw。 这 是 因 
为 ， 在 后 面 绘制 的 物体 由 于 无 法 通过 深度 测试 ， 因 此 ， 就 不 会 再 进行 后 面 的 泻 染 处 理 。 
在 Unity 中 ， 那 些 演 染 队列 数目 小 于 2500 (如 “Background”“Geometry” 和 “AlphaTest”) 
的 对 象 都 被 认为 是 不 透明 (opaque) 的 物体 ， 这 些 物体 总 体 上 是 从 前 往 后 绘制 的 ， 而 使 用 其 他 的 
队列 “如 “Transparent”“Overlay” 等 ) 的 物体 ， 则 是 从 后 往 前 绘制 的 。 这 意味 着 ， 我 们 可 以 尽 可 
能 地 把 物体 的 队列 设置 为 不 透明 物体 的 泻 染 队 列 ， 而 尽量 避免 使 用 半 透 明 队 列 。 
而 且 ， 我 们 还 可 以 充分 利用 Unity 的 泻 染 队列 来 控制 绘制 顺序 。 例 如 ， 在 第 一 人 称 射 击 游戏 
中 ， 对 于 游戏 中 的 主要 人 物 角 色 来 说 ， 他 们 使 用 的 shader 往往 比较 复杂 ， 但 是 ， 由 于 他 们 通常 会 
挡住 屏幕 的 很 大 一 部 分 区 域 , 因此 我 们 可 以 先 绘制 它们 (使 用 更 小 的 泻 染 队列 )。 而 对 于 一 些 敌 方 
角色 ， 它 们 通常 会 出 现在 各 种 掩体 后 面 ， 因 此 ， 我 们 可 以 在 所 有 常规 的 不 透明 物体 后 面 演 染 它们 


《使 用 更 大 的 演 染 队列 )。 而 对 于 天 空 盒 子 来 说 ， 它 几乎 覆盖 了 所 有 的 像素 ， 而 且 我 们 知道 它 永 远 
会 出 现在 所 有 物体 的 后 面 ， 因 此 ， 它 的 队列 可 以 设置 为 “Geometry+1”。 这 样 ， 就 可 以 保证 不 会 
羽 为 它 而 造成 overdraw。 

这 些 排序 的 思想 往往 可 以 节省 掉 很 多 泻 染 时间 。 


16.6.2 ”时 刻 警惕 透明 物体 


对 于 半 透 明 对 象 来 说 ， 由 于 它们 没有 开启 深度 写 入 ， 因 此 ， 如 果 要 得 到 正确 的 泻 染 效 果 ， 就 
必须 从 后 往 前 泻 染 。 这 意味 着 ， 半 透明 物体 几乎 一 定 会 造成 overdraw。 如 果 我 们 不 注意 这 一 点 ， 
在 一 些 机 器 上 可 能 会 造成 严重 的 性 能 下 降 。 例如， 对 于 GUI 对 象 来 说 ， 它 们 大 多 被 设置 成 了 半 透 
明 ， 如 果 屏 幕 中 GUI 占据 的 比例 太 多 ,而 主 摄像 机 又 没有 进行 调整 而 是 投影 整个 屏幕 ， 那 么 GUI 
就 会 造成 大 量 overdraw。 

因此 ， 如 果 场 景 中 包含 了 大 面积 的 半 透 明 对 象 ， 或 者 有 很 多 层 相 互 履 盖 的 半 透 明 对 象 〈( 即 便 
它们 每 个 的 面积 可 能 都 不 大 )， 或 者 是 透明 的 粒子 效果 ， 在 移动 设备 上 也 会 造成 大 量 的 overdraw。 
这 是 应 该 尽量 避免 的 。 
对 于 上 述 GUI 的 这 种 情况 ， 我 们 可 以 尽量 减少 窗 GUI 所 占 的 面积 。 如 果实 在 无 能 为 力 ， 
我 们 可 以 把 GUI 的 绘制 和 三 维 场景 的 绘制 交 给 不 同 的 摄像 机 , 而 其 中 负责 三 维 场景 的 摄像 机 的 视 
角 范 围 尽 量 不 要 和 GUTI 的 相互 重 琶 。 当 然 ， 这 样 会 对 游戏 的 美观 度 产 生 一 定 影响 ， 因 此 ， 我 们 可 
以 在 代码 中 对 机 器 的 性 能 进行 判断 ， 例 如 ， 首 先 关 闭 一 些 耗费 性 能 的 功能 ， 如 果 发 现 这 个 机 器 表 
现 非常 良好 ， 再 尝试 开启 一 些 特效 功能 。 
在 移动 平台 上 ， 透 明度 测试 也 会 影响 游戏 性 能 。 虽 然 透明 度 测试 没有 关闭 深度 测试 ， 但 由 于 
它 的 实现 使 用 了 discard 或 clip 操作 ， 而 这 些 操作 会 导致 一 些 硬件 的 优化 策略 失效 。 例 如 ， 我们 之 
前 讲 过 PowerVR 使 用 的 基于 瓦 片 的 延迟 泻 染 技 术 ， 为 了 减少 overdraw 它 会 在 调用 片 元 着 色 器 前 
就 判断 哪些 瓦 片 被 真正 泻 染 的 。 但 是 ,由 于 透明 度 测 试 在 片 元 着 色 器 中 使 用 了 discard 函数 改变 了 
片 元 是 否 会 被 泻 染 的 结果 ， 因 此 ，GPU 就 无 法 使 用 上 述 的 优化 策略 了 。 也 就 是 说 ， 只 要 在 执行 了 
所 有 的 片 元 着 色 器 后 ，GPU 才 知 道 哪些 片 元 会 被 真正 泻 染 到 屏幕 上 上， 这样 ， 原 先 那 些 可 以 减少 
overdraw 的 优化 就 都 无 效 了 。 这 种 时 候 ， 使 用 透明 度 混合 的 性 能 往往 比 使 用 透明 度 测 试 更 好 。 


16.6.3 减少 实时 光照 和 阴影 


实时 光照 对 于 移动 平台 是 一 种 非常 昂贵 的 操作 。 如 果 场 景 中 包含 了 过 多 的 点 光源 ， 并 且 使 用 
了 多 个 Pass 的 Shader， 那 么 很 有 可 能 会 造成 性 能 下 降 。 例 如 ， 一 个 场景 里 如 果 包 含 了 3 个 逐 像素 
的 点 光源 ， 而 且 使 用 了 逐 像 素 的 Shader， 那 么 很 有 可 能 将 draw call 数目 (CPU 的 瓶颈 ) 提高 3 
倍 ， 同 时 也 会 增加 overdraw (GPU 的 瓶颈 )。 这 是 因为 ， 对 于 逐 像 素 的 光源 来 说 ， 被 这 些 光 源 照 
亮 的 物体 需要 被 再 泻 染 一 次 。 更 糟糕 的 是 ， 无 论 是 静态 批 处 理 还 是 动态 批 处 理 ， 对 于 这 种 额外 的 
处 理 逐 像素 光源 的 Pass 都 无 法 进行 批 处 理 ， 也 就 是 说 ， 它 们 会 中 断 批 处 理 。 
当然 ， 游 戏 场景 还 是 需要 光照 才能 得 到 出 色 的 画面 效果 。 我 们 看 到 很 多 成 功 的 移动 平台 的 游 
戏 ， 它 们 的 画面 效果 看 起 来 好 像 包 含 了 很 多 光源 ， 但 其 实 这 都 是 骗 人 的 。 这 些 游戏 往往 使 用 了 烘 
焙 技术 ， 把 光照 提前 烘焙 到 一 张 光照 纹理 (ightmap〉 中 ， 然 后 在 运行 时 刻 只 需要 根据 纹理 采样 
得 到 光照 结果 即 可 。 另 一 个 模拟 光源 的 方法 是 使 用 God Ray。 场 景 中 很 多 小 型 光源 的 效果 都 是 靠 
这 种 方法 模拟 的 。 它 们 一 般 并 不 是 真 的 光源 ， 很 多 情况 是 通过 透明 纹理 模拟 得 到 的 。 更 多 信息 可 
以 参见 本 章 的 扩展 阅读 部 分 。 在 移动 平台 上 ， 一 个 物体 使 用 的 逐 像素 光源 数目 应 该 小 于 1 〈 不 包 
括 平 行 光 )。 如 果 一 定 要 使 用 更 多 的 实时 光 ， 可 以 选择 用 逐 顶 点 光照 来 代替 。 
在 游戏 《ShadowGun》 中 ， 游 戏 角色 看 起 来 使 用 了 非常 复杂 高 级 的 光照 计算 ， 但 这 实际 上 是 


de 


[ 岂 


321 


优化 后 的 结果 。 开 发 者 们 把 复杂 的 光照 计算 存储 到 一 张 查找 纹理 〈lookup texture， 也 被 称 为 查找 
表 ，lookup table，LUT) 中 。 然 后 在 运行 时 刻 ， 我 们 只 需要 使 用 光源 方向 、 视 角 方向 、 法 线 方向 
等 参数 , 对 LUT 采样 得 到 光照 结果 即 可 。 使 用 这 样 的 查找 纹理 , 不 仅 可 以 让 我 们 使 用 更 出 色 的 光 
照 模型 ， 例 如 ， 更 加 复杂 的 BRDF 模型 ， 还 可 以 利用 查找 纹理 的 大 小 来 进一步 优化 性 能 ， 例 如 ， 
主要 角色 可 以 使 用 更 大 分 辩 率 的 LUT， 而 一 些 NPC 就 使 用 较 小 的 LUT。《ShadowGun》 的 开发 寺 
开发 了 一 个 LUT 烘焙 工具 ， 来 帮助 美工 人 员 快 速 调整 光照 模型 ， 并 把 结果 存储 到 LUT 中。 
实时 阴影 同样 是 一 个 非常 消耗 性 能 的 效果 。 不 仅 是 CPU 需要 提交 更 多 的 draw call，GPU 也 
需要 进行 更 多 的 处 理 。 因 此 ， 我 们 应 该 尽量 减少 实时 阴影 ， 例 如 ， 使 用 烘焙 把 静态 物体 的 阴影 信 
息 存 储 到 光照 纹理 中 ， 而 只 对 场景 中 的 动态 物体 使 用 适当 的 实时 阴影 。 


站 节省 带宽 

大 量 使 用 未 经 压缩 的 纹理 以 及 使 用 过 大 的 分 辩 率 都 会 造成 由 于 带宽 而 引发 的 性 能 瓶颈 。 
16.7.1 减少 纹理 大 小 

之 前 提 到 过 ， 使 用 纹理 图 集 可 以 帮助 我 们 减少 draw call 的 数目 ， 而 这 些 纹理 的 大 小 同样 是 一 


个 需要 考虑 的 问题 。 需要 注意 的 是 ， 所 有 纹 里 的 ] 长 宽 比 最 好 是 i | Re I 
正方 形 ， 而 且 长 宽 值 最 好 是 2 的 整数 宕 。 这 是 因为 有 很 多 优化 ”图 


[open | 


策略 只 有 在 这 种 时 候 才 可 以 发 挥 最 天 效用 。 在 Unity 5 中 , 即便 we 
我 们 导入 的 纹理 长 宽 值 并 不 是 2 的 整数 宠 "Unity 也 会 自动 把 长 Coabion ype ue 
宽 转 换 到 离 它 最 近 的 2 的 整数 军 值 。 但 我 们 仍然 应 该 在 制作 美 SR a 
术 资 源 时 就 把 这 条 规则 说 记 在 心 ' 防止 由 于 放 缩 而 造成 不 好 的 tm te morse 
影响 。 ee 

除 此 之 外 ， 我 们 还 应 该 尽 可 能 使 用 多 级 渐 远 纹理 技术 er 
Cmipmapping) 和 纹理 压缩 。 在 Unity 中 ， 我 们 可 以 通过 纹理 导 RE 
入 面板 来 查看 纹理 的 各 个 导入 属性 。 通 过 把 纹理 类 型 设置 为 Woe [人 
Advanced， 就 可 以 自 定义 许多 选项 ， 例 如 ， 是 否 生 成 多 级 渐 远 ee 
纹理 (mipmaps), 如 图 16.12 所 示 。 当 勾 选 了 Generate Mip Maps Morsie CE 
选项 后 ，Unity 就 会 为 同一 张 纹理 创建 出 很 多 不 同 大 小 的 小 纹 es 
蛙 ， 构 成 一 个 纹理 金字 塔 。 而 在 游戏 运行 中 就 可 以 根据 距离 物 2 
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体 的 远近 ， 来 动态 选择 使 用 哪 一 个 纹理 。 这 是 因为 ， 在 距离 物 
体 很 远 的 时 候 ， 就 算 我 们 使 用 了 非常 精细 的 纹理 ， 但 肉眼 也 是 人 
分 辨 不 出 来 的 。 这 种 时 候 ， 我 们 完全 可 以 使 用 更 小 、 更 模糊 的 
纹理 来 代替 ， 这 可 以 让 GPU 使 用 分 辨 率 更 小 的 纹理 ， 大 量 节省 人 
访问 的 像素 数目 。 在 某 些 设备 上 ， 关 闭 多 级 渐 远 纹理 往往 会 造 
成 严重 的 性 能 问题 。 因 此 ， 除 非 我 们 确定 该 纹理 不 会 发 生 缩放 ， 
例如 GUI 和 2D 游戏 中 使 用 的 纹理 等 ， 都 应 该 为 纹理 生成 相应 的 多 级 渐 远 纹理 。 

纹理 压缩 同样 可 以 节省 带宽 。 但 对 于 像 Android 这 样 的 平台 ， 有 很 多 不 同 架构 的 GPU， 纹理 
压缩 就 变 得 有 点 复杂 ， 因 为 不 同 的 GPU 架构 有 它 自 己 的 纹理 压缩 格式 ， 例 如 ，PowerVRAM 的 
PVRTC 格式 、Tegra 的 DXT 格式 、Adreno 的 ATC 格式 。 所 幸 的 是 ，Unity 可 以 根据 不 同 的 设备 
选择 不 同 的 压缩 格式 ， 而 我 们 只 需要 把 纹理 压缩 格式 设置 为 自动 压缩 即 可 。 但 是 ，GUI 类 型 的 纹 
里 同样 是 个 例外 ， 一 些 时 候 由 于 对 画 质 的 要 求 ， 我 们 不 希望 对 这 些 纹理 进行 压缩 。 


4 图 16.12 Unity 的 高 级 纹理 设置 面板 
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16.7.2 ”利用 分 辨 率 缩放 


过 高 的 屏幕 分 辨 率 也 是 造成 性 能 下 降 的 原因 之 一 ， 尤 其 是 对 于 很 多 低 端 手机 ， 除 了 分 辩 率 高 
其 他 硬件 条 件 并 不 尽 如 人 意 , 而 这 恰恰 是 游戏 性 能 的 两 个 瓶颈 : 过 大 的 屏幕 分 辨 率 和 糟糕 的 GPU。 
对 此 ， 我 们 可 能 需要 对 于 特定 机 器 进行 分 辩 率 的 放 缩 。 当 然 ， 这 样 可 能 会 造成 游戏 效果 的 下 降 ， 
但 性 能 和 画面 之 间 永 远 是 个 需要 权衡 的 话题 。 

在 Unity 中 设置 屏幕 分 辨 率 可 以 直接 调用 Screen.SetResolution。 实 际 使 用 中 可 能 会 遇 到 一 些 
情况 ， 雨 松 MOMO 有 一 篇 文章 (http://www.xuanyusong.com/archives/3205 ) 详细 讲解 了 如 何 使 用 
这 种 技术 ， 读 者 可 参考 。 


减少 计算 复杂 度 


计算 复杂 度 同样 会 影响 游戏 的 泻 染 性 能 。 在 本 节 中 ， 我 们 会 介绍 两 个 方面 的 技术 来 减少 计算 
复杂 度 。 


16.8.1 Shader 的 LOD 技术 


和 16.5.2 节 提 到 的 模型 的 LOD 技术 类 似 ，Shader 的 LOD 技术 可 以 控制 使 用 的 Shader 等 级 。 
它 的 原理 是 ， 只 有 Shader 的 LOD 值 小 于 某 个 设 定 的 值 ， 这 个 Shader 才 会 被 使 用 ， 而 使 用 了 那些 
超过 设 定 值 的 Shader 的 物体 将 不 会 被 泻 染 。 

我 们 通常 会 在 SubShader 中 使 用 类 似 下 面 的 语句 来 指明 该 shader 的 LOD 值 : 


SubShader { 
Tags { "RenderType"="Opaque" } 
LOD 200 


我 们 也 可 以 在 Unity Shader 的 导入 面板 上 看 到 该 Shader 使 用 的 LOD 值 。 在 默认 情况 下 ， 允 
许 的 LOD 等 级 是 无 限 大 的 。 这 意味 着 ， 任 何 被 当前 显卡 支持 的 Shader 都 可 以 被 使 用 。 但 是 ， 在 
某 些 情况 下 我 们 可 能 需要 去 掉 一 些 使 用 了 复杂 计算 的 Shader 泻 染 。 这 时 ， 我 们 可 以 使 用 
ShadermaximumLOD 或 Shader.globalMaximumLOD 来 设置 允许 的 最 大 LOD 值 。 
Unity 内 置 的 Shader 使 用 了 不 同 的 LOD 值 ,例如 , Diffuse 的 LOD 为 200, 而 Bumped Specular 
的 LOD 为 400。 


站 


16.8.2 ”代码 方面 的 优化 


在 实现 游戏 效果 时 ， 我 们 可 以 选择 在 哪里 进行 某 些 特定 的 运算 。 通 常 来 讲 ， 游 戏 需 要 计算 的 
对 象 、 顶 点 和 像素 的 数目 排序 是 对 象 数 < 顶点 数 < 像素 数 。 因 此 ， 我 们 应 该 尽 可 能 地 把 计算 放 
在 每 个 对 象 或 逐 顶点 上 。 例如 , 在 第 13 章 实 现 高 斯 模糊 和 边缘 检测 时 ， 我们 把 采样 坐标 的 计算 放 
在 了 顶点 着 色 器 中 ， 这 样 的 做 法 远 好 于 把 它们 放 在 片 元 着 色 器 中 。 
而 在 具体 的 代码 编号 上 ， 不 同 的 硬件 甚至 需要 不 同 的 处 理 。 因 此 ， 一 些 普遍 的 规则 在 某 些 硬 
件 上 可 能 并 不 成 立 。 更 不 幸 的 是 ， 通 常 Shader 代码 的 优化 并 不 那么 直观 ， 尤 其 是 一 些 平 台 上 缺少 
相关 的 分 析 器 ， 例 如 iOS 平台 。 尽 管 如 此 ， 在 本 节 我 们 还 是 会 给 出 一 些 被 认为 是 普遍 成 立 的 优化 
策略 ， 但 读者 如 果 发 现在 某 些 设备 上 性 能 反而 有 所 下 降 的 话 ， 这 并 不 奇怪 。 
首先 第 一 点 是 ， 尽 可 能 使 用 低 精 度 的 浮 点 值 进 行 运 算 。 最 高 精度 的 float/highp 适用 于 存储 庄 
如 顶点 坐标 等 变量 ， 但 它 的 计算 速度 是 最 慢 的 ， 我 们 应 该 尽量 避免 在 片 元 着 色 器 中 使 用 这 种 精度 
进行 计算 。 而 half/mediump 适用 于 一 些 标量 、 纹 理 坐 标 等 变量 , 它 的 计算 速度 大 约 是 float 的 两 倍 。 
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而 fixed/lowp 适用 于 绝 大 多 数 颜色 变量 和 归 一 化 后 的 方向 矢量 ， 在 进行 一 些 对 精度 要 求 不 高 的 计 
算 时 ， 我 们 应 该 尽量 使 用 这 种 精度 的 变量 。 它 的 计算 速度 大 约 是 float 的 4 倍 ， 但 要 避免 对 这 些 低 
精度 变量 进行 频繁 的 swizzle 操作 (如 color.xwxw)。 还 需要 注意 的 是 ， 我 们 应 当 尽 量 避 人 免 在 不 同 
精度 之 间 的 转换 ， 这 有 可 能 会 造成 一 定 的 性 能 下 降 。 

对 于 绝 大 多 数 GPU 来 说 , 在 使 用 插值 寄存 器 把 数据 从 顶点 着 色 器 传递 给 下 一 个 阶段 时 , 我 们 
应 该 使 用 尽 可 能 少 的 插值 变量 。 例 如 ， 如 果 需 要 对 两 个 纹理 坐标 进行 插值 ， 我 们 通常 会 把 它们 打 
包 在 同一 个 float4 类 型 的 变量 中 ,两 个 纹理 坐标 分 别 对 应 了 xy 分 量 和 zw 分量。 然而 ,对 于 PowerVR 
平台 来 说 ， 这 种 插值 变量 是 非常 廉价 的 ， 直 接 把 不 同 的 纹理 坐标 存储 在 不 同 的 插值 变量 中 ， 有 时 
反而 性 能 更 好 。 尤 其 是 ， 如 果 在 PowerVR 上 使 用 类 似 tex2D(_MainTex, uv.zw) 这 样 的 语句 来 进行 
纹理 采样 ，GPU 就 无 法 进行 一 些 纹理 的 预 读 取 ， 因 为 它 会 认为 这 些 纹理 采样 是 需要 依赖 其 他 数据 
的 。 因 此 ， 如 果 我 们 特别 关心 游戏 在 PowerVR 上 的 性 能 ， 就 不 应 该 把 两 个 纹理 坐标 打包 在 同一 个 
四 维 变量 中 。 
尽 可 能 不 要 使 用 全 屏 的 屏幕 后 处 理 效果 。 如 果 美 术 风格 实在 是 需要 使 用 类 似 Bloom、 热 扰动 
这 样 的 屏幕 特效 ， 我 们 应 该 尽量 使 用 fixed/lowp 进行 低 精度 运算 (纹理 坐标 除外 ， 可 以 使 用 
half/mediump )。 那 些 高 精度 的 运算 可 以 使 用 查找 表 (LUT) 或 者 转移 到 顶点 着 色 器 中 进行 处 理 。 
除 此 之 外 ， 尽 量 把 多 个 特效 合并 到 一 个 Shader 中 。 例如， 我 们 可 以 把 颜色 校正 和 添加 噪声 等 屏幕 
特效 在 Bloom 特效 的 最 后 一 个 Pass 中 进行 合成 。 还 有 一 个 方法 就 是 使 用 16.8.3 节 中 介绍 的 缩放 思 
想 ， 来 选择 性 地 开启 特效 。 

还 有 一 些 读者 经 常会 听 到 的 代码 优化 规则 。 

。 尺 可 能 不 要 使 用 分 交 语 句 和 循环 语句 。 

。 尽 可 能 避免 使 用 类 似 sin tanyY Pow、log 等 较为 复杂 的 数学 运算 。 我 们 可 以 使 用 查找 表 来 

作为 替代 。 
。 尺 可 能 不 要 使 用 discard 操作 , -因为 这 会 影响 硬件 的 某 些 优化 。 


16.8.3 ”根据 硬件 条 件 进 行 缩放 


诸如 iOS 和 Android 这 样 的 移动 平台 ， 不 同 设备 之 间 的 性 能 千差万别 。 我 们 很 容易 可 以 找到 
一 台 手 机 的 演 染 性 能 是 另 一 台 手 机 的 10 倍 。 那 么 , 如 何 确保 游戏 可 以 同时 流畅 地 运行 在 不 同性 能 
的 移动 设备 上 呢 ? 一 个 非常 简单 且 实 用 的 方式 是 使 用 所 谓 的 放 缩 〈scaling) 思想 。 我 们 首先 保证 
游戏 最 基本 的 配置 可 以 在 所 有 的 平台 上 运行 良好 ， 而 对 于 一 些 具 有 更 高 表现 能 力 的 设备 ， 我 们 可 
以 开启 一 些 更 “养眼 ”的 效果 ， 比 如 使 用 更 高 的 分 辨 率 ， 开 启 屏 人 幕后 处 理 特效 ， 开 启 粒子 效果 等 。 


LU 扩展 阅读 
Unity 官方 手册 的 移动 平台 优化 实践 指南 (http://docs.unity3d.com/Manual/MobileOptimization 
PracticalGuide.html) 一 文 给 出 了 一 些 针 对 移动 平台 的 优化 技术 ， 包 括 泻 染 和 图 形 方面 的 优化 ， 以 
及 脚本 优化 等 。 手 册 中 另 一 个 针对 图 像 性 能 优化 的 文档 是 优化 图 像 性 能 (http://docs.unity3d.com/ 
Manual/OptimizingGraphicsPerformance.html) 一 文 ， 在 这 个 文档 中 ，Unity 给 出 了 常见 的 性 能 瓶颈 
以 及 一 些 相应 的 优化 技术 。 除 此 之 外 ， 文 档 列 出 了 一 个 清单 ， 包 含 了 优化 游戏 性 能 的 常见 做 法 和 
约束 。 
在 SIGGRAPH 2011 上 ，Unity 进行 了 一 个 关于 移动 平台 上 Shader 优化 的 演讲 (http://blogs. 
unity3d.com/2011/08/18/fast-mobile-shaders-talk-at-sigeraph/)。 在 这 个 演讲 中 , 作者 给 出 了 各 个 主流 
移动 GPU 的 架构 特点 ,并 给 出 了 相应 的 shader 优化 细节 ,还 结合 了 真实 的 Unity 游戏 项 目 来 进行 
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实例 学 习 。 在 Unite 2013 会 议 上 ，Unity 呈现 了 一 个 名 为 针对 移动 平台 优化 Unity 游戏 的 演讲 ,在 
这 个 简短 的 演讲 中 ， 作 者 对 造成 性 能 瓶颈 的 原因 进行 了 分 类 ， 并 给 出 了 一 些 常见 的 优化 技术 。 在 
GDC 2014 上 , Unity 展示 了 如 何 使 用 内 置 的 分 析 器 分 析 移动 平台 的 游戏 性 能 , 读者 可 以 在 Youtube 
上 找到 相应 的 视频 。 在 最 近 的 SIGGRAPH 2015 会 议 上 , Unity 进行 了 一 系列 演讲 和 课程 。 在 Unity 
和 来 自 高 通 、ARM 等 公司 的 开发 人 员 共 同 呈 现 的 名 为 Moving Mobile Graphics 的 课程 中 ， 来 E 
Unity 的 Renaldas Zioma 讲解 了 移动 平台 上 PBR 的 优化 技术 。 更 多 Unity 在 SIGGRAPH 2015 上 的 
演讲 ， 读 者 可 以 参见 Unity 的 博客 。 

除了 手册 和 演讲 资料 外 ， 成 功 的 移动 平台 中 的 游戏 同样 是 非常 好 的 学 习 资料 。《ShadowGun》 
是 由 MadFinger 在 2011 年 发 布 的 一 款 移动 平台 的 第 三 人 称 射击 游戏 , 使 用 的 开发 工具 正 是 Unity。 
在 Unite 2011 上 ， 该 游戏 的 开发 者 给 出 了 《ShadowGun》 中 使 用 的 泻 染 和 优化 技术 ， 读 者 可 以 在 
Youtube 上 面 找 到 这 个 视频 。 更 难能可贵 的 是 ， 在 2012 年 , 《ShadowGun》 的 开发 者 放出 了 示例 
场景 ， 来 让 更 多 的 开发 者 学 习 如 何 优化 移动 平台 上 的 shader。 另 一 个 非常 好 的 游戏 优化 实例 是 
Unity 自 带 的 项 目 《Angry Bots》， 读 者 可 以 直接 在 Unity 资源 商店 下 载 到 完整 的 项 目 源 代码 。 
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Unity 的 表 天 


第 5 篇 


扩展 遍 


扩展 篇 旨 在 进一步 扩展 读者 的 视野 。 本 篇 将 会 介绍 


着 色 器 的 实现 机 制 ， 并 介绍 基于 物理 


泻 染 的 相关 内 容 。 最 后 , 我 们 给 出 了 更 多 的 关于 学 
习 泻 染 的 资料 。 
第 17 章 ”Unity 的 表面 着 色 器 探秘 

本 章 将 会 介绍 这 些 表面 着 色 器 是 如 何 实现 的 , 以 及 
我 们 如 何 使 用 这 些 表面 着 色 器 来 实现 浑 染 。 


第 18 章 


基于 物理 的 演 染 


这 伟 章 将 介绍 基于 物理 泻 染 的 理论 基础 ， 并 解释 
Unity 是 如 何 实现 基于 物理 泻 染 的 。 

第 19 章 Unity5 更 新 了 什么 
本 章 将 给 出 Unity 5 中 一 些 重要 的 更 新 ， 来 帮助 读 


者 解决 在 升级 Unity 5 时 所 


第 20 章 


还 有 更 多 内 容 吗 


奴 


[的 各 种 问题 。 


在 最 后 一 章 中 , 我 们 将 给 出 许多 非常 有 价值 的 学 习 
资料 ， 来 帮助 读者 进行 更 深入 的 学 习 。 


坛 和 各 种 


博客 。 在 这 些 博 


客 里 ，Aras 


全 


第 17 章 Unity 的 表面 着 色 堪 探秘 


在 2009 年 的 时 候 〈 当 时 Unity 的 版 本 是 2.x)，Unity 的 
会 议 上 的 ， 大 名 易 易 的 Aras Pranckevisius ) 连续 发 表 了 
案 流 程 分 为 顶点 和 像素 的 和 


认为 ， 把 演 染 


里 解 的 抽象 。 


目 


我 们 


» 面 着 1 


Blinn-Phong 等 
表面 着 色 器 打 


模型 。 而 光照 


交道 ， 例 如 ， 混 合 
种 预定 义 的 光照 模型 即 可 。 而 光照 着 色 器 一 日 


前 ， 这 种 在 顶点 /几何 / 片 元 3 
人 类 的 思考 方式 。 相 反 ， 
色 器 定义 了 模型 


人 


& 着 色 


也 认为 ， 应 该 划分 成 表面 着 色 器 、 光 照 模 型 和 
面 的 反射 率 、 

器 负责 计算 光照 衰减 、 阴 
纹理 和 颜色 等 。 光 照 模型 可 以 是 提 


程 师 Aras (就 是 经 常 活跃 在 论 
3 篇 名 为 《Shaders must die》 的 
象 层面 是 错误 的 ， 是 一 种 不 易 
色 器 上 的 操作 是 对 硬件 友好 的 一 种 方式 ， 但 不 符合 
光照 着 色 器 这 样 的 层面 。 
法 线 和 高 光 等 ， 光 照 模型 则 选择 是 使 用 兰 伯 特 还 是 
影 等 。 这 样 ， 绝 大 部 分 时 间 我 们 只 需要 和 

前 定义 好 的 ， 我 们 只 需要 选择 哪 
更 不 会 被 轻易 改动 ， 从 而 大 大 减轻 了 


染 


= 二 


| 


系统 实现 后 ， 


Shader 编写 者 的 
中 。 最 终 ， 在 2010 年 的 U 
虽然 Unity 换 了 一 个 新 
着 色 器 之 上 又 添加 了 一 层 # 
的 泻 染 方 式 ， 而 开发 者 应 该 使 
黑 ， 使 用 这 
的 就 不 要 来 烦 我 了 !” 我 们 
] 的 类 型 是 


要 告 j 


场景 
题 〈 正 是 医 
要 急 ， 我 来 干 


入 Shader: 
特 光 照 模 型 ， 其 他 
有 多 少 光 源 ， 它 个 
为 有 这 些 寻 


的 “本 


645 [加 
罩 


情 
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那么 ， 


< 


用 着 1 ) j 底 


作 量 ,有 了 这 样 的 想法 , Aras 在 随后 的 文章 中 开 
nity 3 中 ，Surface Shader 被 加 入 到 Unity 的 大 家 族 ! 


肝 ” 但 


象 按 Aras 的 话 来 解释 就 是 ， 顶 点 /几何 / 片 元 着 色 器 是 硬 


台 尝试 把 表面 着 色 器 整合 到 Unity 
站 

表面 着 色 器 (Surface Shader) 实际 上 就 是 在 顶点 / 片 元 
件 能 [29 理解 99 


6 


EE 


纹理 去 


是 人 


长 什么 样 呢 ? 


准备 工作 。 


和 所 种 更 容易 型 
填充 颜色 ， 使 | 


[| 公 ， 怎 档 
， 人 们 总 会 抱怨 写 一 个 Shader 是 多 么 的 麻烦 … 


它们 又 是 如 何 工作 的 呢 ? 


LI 表面 着 色 器 的 一 个 例子 


E 解 的 方式 。 很 多 时 候 ， 使 / 
这 个 法 线 纹 理 去 
不 需要 考虑 是 使 用 前 向 演 染 
EF 处 理 这 些 光源 ， 每 个 Pass 需要 处 弄 
…)。 这 


j 表 面 着 色 器 ， 我 们 只 需 
充 表 面 法 线 ， 使 用 兰 伯 
路 径 还 是 延迟 演 染 路 径 ， 
EE 多少 个 光源 等 问 


时 ，Unity 说 :“ 不 


这 正 是 本 章 要 学 习 的 内 容 。 


在 学 习 原理 之 前 ， 我 们 首先 来 看 一 下 一 个 表面 着 色 器 长 什么 样子 。 为 此 ， 我 们 需要 做 如 下 的 

(1) 在 Unity 中 新 创建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_17_1。 在 Unity 5.2 中 ， 

默认 情况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 Window 一 
去 掉 场 景 中 的 天 空 盒子 。 


Lighting 一 Skybox : 


(2) a 


(3 
把 新 的 Unity S 


新 创建 一 


hader 给 第 


人 


(4) 在 


场景 ! 
(5) 保存 场景 。 


已 


我 们 将 使 | 


| 建 一 个 胶 计 


仓 


2 万: 


表面 


自 色 器 来 实 ] 


岗 一 个 使 


在 本 书 资源 中 ， 该 材质 名 为 BumpedSpecularMat。 

Unity Shader。 在 本 书 资源 中 , 该 Unity Shader 名 为 Chapter17-BumpedDiffuse。 
| 建 的 材质 。 

本 (capsule )， 并 把 第 2 步 ! 


的 材质 赋 给 该 胶 宫 体 。 


了 法 线 纹理 


的 漫 反射 效果 。 这 可 以 参考 Unity 内 置 的 


“Legacy Shaders/Bumped Diffuse” 的 代码 实现 〈 可 以 在 官方 网 站 的 内 置 Shader 包 中 找到 )。 打 开 


Chapter17-BumpedDiffuse， 删 除 原 有 的 代码 ， 把 下 面 的 代码 粘贴 进去 ; 


Shader "Unity Shaders Book/Chapter 17/Bumped Difftuse" { 
Properties { 


_Color ("Main Color", Color) = (1,1,1,1) 
_MainTex ("Base (RGB)", 2D) = "white" {} 
_BumpMap ("Normalmap", 2D) = "bump" {} 


} 

SubShader { 
Tags { "RenderType"="Opaque" } 
LOD 300 


CGPROGRAM 
#pragma surface surf Lambert 
#pragma target 3.0 


sampler2D MainTex; 
sampler2D BumpMap; 
fixed4 Color; 


struct Input { 
float2 uv MainTex; 
float2 uv BumpMap; 
}; 


void surf (Input IN, inout SurfaceOutput o) { 
fixed4 tex = tex2D( MainTex, IN.uv MainTex); 
Oo.Albedo = tex.rgb * Color.rgb; 
oOo.Alpha = tex.a * Color.a; 
Oo.Normal = UnpackNormal (tex2D( BumpMap, IN.uv BumpMap)); 


ENDCG 
} 


FallBack "Legacy Shaders/Diffuse" 
} 


r 


保存 程序 后 ， 返 回 Unity 中 查看 。 在 BumpedDiffuseMat 的 面板 上 ， 我 们 把 本 书 资源 中 的 
Assets/Textures/Chapter17/Mud_Diffuse.tif 和 Assets/Textures/Chapter17/Mud_Normal.tif 分 别 拖 电 到 


_MainTex 和 _BumpMap 属性 上 ， 就 可 以 得 到 类 似 图 17.1 
中 左 图 的 结果 。 我 们 还 可 以 向 场景 中 添加 一 些 点 光源 和 桶 
光 灯 ， 并 改变 它们 的 颜色 ， 就 可 以 得 到 类 似 图 17.1 中 右 
的 结果 。 注 意 ， 在 这 个 过 程 中 ， 我 们 不 需要 对 代码 做 任 
改动 。 


可 了 枫 这 


从 上 面 的 例子 可 以 看 出 ， 相 比 之 前 所 学 的 顶点 / 片 元 着 

色 器 技术 ， 表 面 着 色 器 的 代码 量 很 少 (只 需要 三 十 多 行 )， “图 17.1 表面 着 色 吕 的 例子 
如 果 我 们 使 用 顶点 / 片 元 着 色 器 来 实现 上 述 的 功能 ， 大 概 需 。 人 了 和 站 并 雪 
要 150 多 行 代码 (参考 本 书 资源 中 的 “Unity Shaders 一 个 聚光灯 ( 紫色 ) 后 的 效果 


Book/Common/Bumped Diffuse”)! 而 且 ， 我 们 可 以 非常 轻 


松 地 实现 常见 的 光照 模型 ， 甚 至 不 需要 和 任何 光照 变量 打交道 ，Unity 就 玫 我 们 处 理 好 了 每 个 光 


源 的 光照 结果 。 


读者 可 以 在 Unity 官方 手册 的 表面 着 色 器 的 例子 一 文 (http://docs.unity3d.com/Manual/SL- 


SurfaceShaderExamples.html) 中 找到 更 多 的 示例 程序 。 下 面 ， 我 们 将 具体 学 习 表 面 着 色 器 的 特点 
和 工作 原理 。 
和 顶点 / 片 元 着 色 器 需要 包含 到 一 个 特定 的 Pass 块 中 不 同 , 表面 着 色 器 的 CG 


尺码 是 直接 而 且 
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也 必须 写 在 SubShader 块 中 ，Unity 会 在 背后 为 我 们 生成 多 个 Pass。 当 然 ， 可 以 在 SubShader 一 开 
始 处 使 用 Tags 来 设置 该 表面 着 色 器 使 用 的 标签 ,在 Chapter17-BumpedDiffuse 中 ,我 们 还 使 用 LOD 
命令 设置 了 该 表面 着 色 器 的 LOD 值 ( 详 见 16.8.1 节 )。 然 后 ,我们 使 用 CGPROGRAM 和 ENDCG 
定义 了 表面 着 色 器 的 具体 代码 。 

一 个 表面 着 色 器 中 最 重要 的 部 分 是 两 个 结构 体 以 及 它 的 编译 指令 。 其 中 ， 两 个 结构 体 是 青 
着 色 器 中 不 同 函 数 之 间 信 息 传递 的 桥梁 ， 而 编译 指令 是 我 们 和 Unity 沟通 的 重要 手段 。 


我 们 首先 来 看 2 看 着 色 器 的 编译 指令 。 编 译 指令 是 我 们 和 Unity 沟通 的 重要 方式 ， 通 过 
它 可 以 告诉 Unity:“ 嘿 ， 用 这 个 表面 函数 设置 表面 属性 ， 用 这 个 光照 模型 模拟 光照 ， 我 不 要 阴影 
和 环境 光 ， 有 只 需要 一 句 代 码 ， 我 们 就 可 以 完成 这 么 多 事情 ! 

编译 指令 最 重要 的 作用 是 指明 该 表面 着 色 器 使 用 的 表面 函数 和 光照 函数 ， 并 设置 一 些 可 选 参 
数 。 表 面 着 色 器 的 CG 块 中 的 第 一 句 代 码 往往 就 是 它 的 编译 指令 。 编 译 指令 的 一 般 格式 如 下 : 


| #pragma surface surfaceFunction lightModel [optionalparams] 


其 中 , #pragma surface 用 于 指明 该 编译 指令 是 用 于 定义 表面 着 色 器 的 , 在 它 的 后 面 需 要 指明 
使 用 的 表面 函数 〈surfaceFunction ) 和 光照 模型 〈lightModel)， 同 时 ， 还 可 以 使 用 一 些 可 选 参数 来 
控制 表面 着 色 器 的 一 些 行 为 。 


17.2.1 表面 函数 


我 们 之 前 说 过 ， 表 面 着 色 器 的 优点 在 于 抽象 出 了 “表面 ”这 一 概念 。 与 之 前 遇 到 的 顶点 / 片 元 
抽象 层 不 同 ， 一 个 对 象 的 表面 属性 定义 了 了 它 的 反射 率 、 光 滑 度 、 透 明度 等 值 。 而 编译 指令 中 的 
surfaceFunction 就 用 于 定义 这 些 表 面 属 性 。surfaceFunction 通常 就 是 名 为 surf 的 函数 (函数 名 可 以 
是 任意 的 )， 它 的 函数 格式 是 固定 的 : 


void surf (Input IN, inout SurfaceOutput ol) 
void surf (Input IN, inout SurfaceOutputSstandard o) 
void surf (Input IN, inout SurfaceOutputStandardSpecular o) 


其 中 ， 后 两 个 是 Unity 5 中 由 于 引入 了 基于 物理 的 演 染 而 新 添加 的 两 种 结构 体 。 
SurfaceOutput、 SurfaceOutputStandard 和 SurfaceOutputStandardSpecular 都 是 Unity 内 置 的 结 
构 体 ， 它 们 需要 配合 不 同 的 光照 模型 使 用 ， 我 们 会 在 下 一 节 进 行 更 详细 地 解释 。 
在 表面 函数 中 , 会 使 用 输入 结构 体 Input IN 来 设置 各 种 表面 属性 ， 并 把 这 些 属性 存储 在 输出 
结构 体 SurfaceOutput、SurfaceOutputStandard 或 SurfaceOutputStandardSpecular 中 ， 再 传递 给 光照 
函数 计算 光照 结果 。 读 者 可 以 在 Unity 手册 中 的 表面 着 色 器 的 例子 一 文 (http://docs.unity3d.com/ 
Manual/SL-SurfaceShaderExamples.html) 中 找到 更 多 的 示例 表面 函数 。 


本 


17.2.2 ”光照 函数 


除了 表面 函数 ， 我 们 还 需要 指定 另 一 个 非常 重要 的 函数 一 一 光照 函数 。 光 照 函 数 会 使 用 表面 
函数 中 设置 的 各 种 表面 属性 ， 来 应 用 某 些 光照 模型 ， 进 而 模拟 物体 表面 的 光照 效果 。Unity 内 置 
了 基于 物理 的 光照 模型 函数 Standard 和 StandardSpecular “在 UnityPBSLighting.cginc 文件 中 被 
定义 )， 以 及 简单 的 非 基 于 物理 的 光照 模型 函数 Lambert 和 BlinnPhong (在 Lighting.cginc 文件 ! 
被 定义 )。 例 如 ， 在 Chapter17-BumpedDiffuse 中 ， 我 们 就 指定 了 使 用 Lambert 光照 函数 。 

当然 ， 我 们 也 可 以 定义 自己 的 光照 函数 。 例如 ， 可 以 使 用 下 面 的 函数 来 定义 用 于 前 疝 泻 染 中 
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模型 ， 例 如 漫 反射 


的 光照 函数 : 
// 用 于 不 依赖 视角 的 光照 
hal 
// 依赖 视角 的 光照 模 


Manual/S 
参见 手 用 


型 ， 例 如 高 光 反 射 


f4 Lighting<Name> (SurfaceOutput s, half3 lightDir, half atten); 
half4 Lighting<Name> (SurfaceOutput s, half3 lightDir, half3 viewDir, half atten); 
读者 可 以 在 Unity 手册 的 表面 着 色 器 中 的 自 定义 光照 模型 一 文 (http://docs.unity3d.com/ 


L-SurfaceShaderLighting.html) 中 找到 更 全 面 的 自 定义 光照 模型 的 介绍 。 而 一 些 例 子 可 以 
凡 中 的 表面 着 色 器 的 光照 例子 一 文 《http: 


//docs.unity3d.com/Manual/SL-SurfaceShader 


LightingExamples.html), 这 篇 文档 展示 了 如 何 使 用 表面 着 色 器 来 自 定义 常见 的 漫 有 反射 、 高 光 反 射 、 


基于 光照 纹理 等 常用 的 光照 模型 。 


17.2.3 ”其 他 可 选 参数 


很 多 非常 有 用 的 指令 类 型 , 例如， 开启/ 设置 透明 度 混 合 
改 函数 ， 控 制 生成 的 代码 等 。 下 面 ， 我 们 选取 了 一 些 比较 重要 和 常用 的 参数 进行 更 深入 地 说 明 。 读 者 


在 编译 指令 的 最 后 ， 我 们 还 可 以 设置 一 些 可 选 参数 (optionalparams )。 这 些 可 选 参数 包含 了 


/透明 度 测试 ， 指明 自 定义 的 顶点 和 颜色 修 


可 以 在 Unity 官方 手册 的 编写 表面 着 色 器 一 文 (http://docs.unity3d.com/Manual/SL-SurfaceShaders.html) 
中 找到 更 加 详细 的 参数 和 设置 说 明 。 

自 定义 的 修改 函数 。 除 了 表面 函数 和 光照 模型 外 ， 
数 : 顶点 修改 函数 (vertex:VertexFunction) 和 最 后 的 颜色 修改 函数 (finalcolor:ColorFunction)。 
顶点 修改 函数 允许 我 们 自 定 义 一 些 顶 点 属性 ， 例 如 ， 把 顶点 颜色 传递 给 表面 函数 ， 或 是 修 


改 顶点 位 置 ， 实 现 某 些 顶 点 动画 
后 一 次 修改 颜色 值 


的 光照 模式 为 Sh 


， 例 如 实现 自 定义 的 雾 效 等 。 


9.4 节 )。 但 对 于 


特殊 处 理 ， 来 为 它们 产生 


阴影 。 我 们 可 以 通过 一 些 指令 来 控制 和 阴影 相关 的 代码 。 例 如 ，addshadow 参数 会 为 表 
四 着 色 器 生成 一 个 阴影 投射 的 Pass。 通 常情 况 下 ，Unity 可 以 直接 在 FallBack 中 找到 通 月 
adowCaster 的 Pass， 从 而 将 物体 正确 地 泻 染 到 深度 和 阴影 纹理 中 〈 详 见 


表面 着 色 器 还 可 以 支持 其 他 两 种 自 定义 的 函 


等 。 最 后 的 颜色 修改 函数 则 可 以 在 颜色 绘制 到 屏幕 前 ,最 


些 进行 了 顶点 动画 、 透 明度 测试 的 物体 , 我 们 就 需要 对 阴影 的 投射 进行 


E 确 的 阴影 ， 正 如 我 们 在 11.3.3 节 中 看 到 的 一 样 。 


fullforwardshadows 参数 则 可 以 在 前 向 泻 染 路 径 中 支持 所 有 光源 类 型 的 阴影 。 默 认 情 况 
如 果 我 们 需要 让 点 光源 或 聚光灯 在 前 向 泻 


物体 进行 任何 阴 景 


明度 测试 。 例 如 ， 
满足 条 件 的 片 元 。 
阴影 投射 的 Pass。 


下 ，Unity 只 支持 最 重要 的 平行 光 的 阴影 效果 。 
染 中 也 可 以 有 阴影 ， 就 可 以 添加 这 个 参数 。 相 反 地 ， 如 果 我 们 不 想 对 使 用 这 个 Shader 的 


乡 计算 ， 就 可 以 使 用 Doha 参数 来 禁用 阴影 。 
透明 度 混 合 和 透明 度 测 试 。 我 们 可 以 通过 alpha 和 alphatest 指令 来 控制 透明 度 混合 和 透 
alphatest:VariableName 指令 会 使 用 名 为 VariableName 的 变量 来 剔除 不 


此 时 ， 我 们 可 能 还 需要 使 用 上 面 提 到 的 addshadow 参数 来 生成 正确 的 


光照 。 一 些 指令 可 以 控制 光照 对 物体 的 影响 ， 例 如 ，noambient 参数 会 


告诉 Unity 不 要 应 


用 任何 环境 光照 或 光照 探 针 (ight probe )。novertexlights 参数 告诉 Unity 不 要 应 用 任何 逐 
页 点 光照 。noforwardadd 会 去 掉 所 有 前 向 演 染 


中 的 额外 的 Pass。 也 就 是 说 ， 这 个 Shader 


控制 代码 的 生成 。 


一 些 指令 还 可 以 控制 日 


dy 


日 表面 看 


会 为 一 个 表面 着 色 器 生成 相应 的 前 向 演 染 路 径 、 


色 器 自动 生成 的 代码 , 默认 情况 下 , Unit 


延迟 泻 染 路 径 使 用 的 Pass， 这 会 导致 生 


只 会 支持 一 个 逐 像素 的 平行 光 ， 而 其 他 的 光源 会 按照 ; 逐 项 点 或 SH 的 方法 来 计算 光照 影 
响 。 这 个 参数 通常 会 用 于 移动 平台 版 本 的 表面 着 色 器 中 。 还 有 一 些 用 于 控制 光照 烘焙 、 嚼 
效 模拟 的 参数 ， 如 nolightmap、nofog 等 。 


y 
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成 的 Shader 文件 比较 大 。 如 果 我 们 确定 该 表面 着 色 器 只 会 在 某 些 泻 染 路 径 中 使 用 ， 就 可 
以 exclude_path:deferred、exclude_path:forward 和 exclude_path:prepass 来 告诉 Unity 
不 需要 为 某 些 演 染 路 径 生 成 代码 。 
从 上 述 可 以 看 出 ， 表 面 着 色 器 支持 的 编译 指令 参数 很 多 ， 为 我 们 编写 表面 着 色 器 提供 了 很 大 
的 方便 。 之 前 在 顶点 / 片 元 着 色 器 中 需要 耗费 大 量 代码 来 完成 的 工作 ,在 表面 着 色 器 中 可 能 只 需要 
一 个 参数 就 可 以 了 。 当 然 ， 相 比 与 顶点 / 片 元 着 色 器 ， 表 面 着 色 器 也 有 它 自身 的 限制 ， 我 们 会 在 
17.6 节 中 对 比 它们 的 优 缺 点 。 


两 个 结构 体 


在 上 一 节 我 们 已 经 讲 过 ， 表 面 着 色 器 支持 最 多 自 定 义 4 种 关键 的 函数 : 表面 函数 (用 于 设置 
各 种 表面 性 质 ， 如 反射 率 、 法 线 等 )， 光 照 函 数 《〈 定 义 表 面 使 用 的 光照 模型 )， 顶 点 修改 函数 〈 修 
改 或 传递 顶点 属性 )， 最 后 的 颜色 修改 函数 〈 对 最 后 的 颜色 进行 修改 )。 那 么 ， 这 些 函数 之 间 的 信 
息 传 递 是 怎么 实现 的 呢 ? 例如 , 我 们 想 把 顶点 颜色 传递 给 表面 函数 , 添加 到 表面 反射 率 的 计算 中 ， 
要 怎么 做 昵 ? 这 就 是 两 个 结构 体 的 工作 。 

一 个 表面 着 色 器 需要 使 用 两 个 结构 体 : 表面 函数 的 输入 结构 体 Input， 以 及 存储 了 表面 属性 
的 结构 体 SurfaceOutput (Unity 5 新 引入 了 另外 两 个 同 种 的 结构 体 SurfaceOutputStandard 和 
SurfaceOutputStandardSpecular ) 。 


17.3.1 数据 来 源 : Input 结构 体 


Input 结构 体 包含 了 许多 表面 属性 的 数据 来 源 ， 因 此 ， 它 会 作为 表面 函数 的 输入 结构 体 〈 如 
果 自 定义 了 顶点 修改 函数 ， 它 还 会 是 顶点 修改 函数 的 输出 结构 体 )。Input 文 持 很 多 内 置 的 变量 名 ， 
通过 这 些 变量 名 ， 我 们 告诉 Unity 需要 使 用 的 数据 信息 。 例 如 ， 在 Chapter17-BumpedDiffuse 中 ， 
Input 结构 体 中 包含 了 主 纹理 和 法 线 纹理 的 采样 坐标 uv_MainTex 和 uv_BumpMap 。 这 些 采 样 坐标 
必须 以 “uv” 为 前 级 “实际 上 也 可 用 “uv2” 为 前 级， 表明 使 用 次 纹理 坐标 集合 )， 后 面 紧 跟 纹 理 
名 称 。 以 主 纹理 _MainTex 为 例 ， 如 果 需 要 使 用 它 的 采样 坐标 , 就 需要 在 Input 结构 体 中 声明 float2 
uv_MainTex 来 对 应 它 的 采样 坐标 。 表 17.1 列 出 了 Input 结构 体 中 内 置 的 其 他 变量 。 


| 


wir 


Ct 


表 17.1 
变量 描述 

float3 viewDir 包含 了 视角 方向 ， 可 用 于 计算 边缘 光照 等 

使 用 COLOR 语义 定义 | 包含 了 插值 后 的 逐 顶 点 颜色 

的 float4 变量 

float4 screenPos 包含 了 屏幕 空间 的 坐标 ， 可 以 用 于 反射 或 屏幕 特效 

float3 worldPos 包含 界 空间 下 的 位 

ond wonaRet 包含 了 世界 空间 下 的 反射 方向 。 前 提 是 没有 修改 表面 法 线 oNormal 

oa rd 如 果 修 改 了 表面 法 线 o.Normal， 需 要 使 用 该 变量 告诉 Unity 要 基于 修改 后 的 法 线 计算 世界 

A 空间 下 的 反射 方向 。 在 表面 函数 中 ， 我 们 需要 使 用 WorldReflectionVector(IN, o.Normal) 来 得 
到 世界 空间 下 的 反射 方向 

float3 worldNormal 包含 了 世界 空间 的 法 线 方向 。 前 提 是 没有 修改 表面 法 线 o.Normal 

a 如 果 修 改 了 表面 法 线 oNormal， 需 要 使 用 该 变量 告诉 Unity 要 基于 修改 后 的 法 线 计算 世界 

EA DA 空间 下 的 法 线 方 向 。 在 表面 函数 中 ， 我 们 需要 使 用 WorldNormalVector(IN, o.Normal) 来 得 到 
世界 空间 下 的 法 线 方向 


332 


需要 注意 的 是 ， 我 们 并 不 需要 自己 计算 上 述 的 各 个 变量 ， 而 只 需要 在 Input 结构 体 中 按 上 述 
名 称 严 格 声明 这 些 变量 即 可 ，Unity 会 在 背后 为 我 们 准备 好 这 些 数据 ， 而 我 们 只 需要 在 表面 函数 
中 直接 使 用 它们 即 可 。 一 个 例外 情况 是 ， 我 们 自 定义 了 顶点 修改 函数 ， 并 需要 向 表面 函数 中 传递 
一 些 自 定义 的 数据 。 例如， 为 了 自 定义 雾 效 ， 我 们 可 能 需要 在 顶点 修改 函数 中 根据 顶点 在 视角 空 
间 下 的 位 置信 息 计算 筋 效 混合 系数 , 这 样 我 们 就 可 以 在 Input 结构 体 中 定义 一 个 名 为 half fog 的 变 
量 ， 把 计算 结果 存储 在 该 变量 后 进行 输出 。 


17.3.2 ”表面 属性 : SurfaceOutput 结构 体 


有 了 Input 结构 体 来 提供 所 需要 的 数据 后 ， 我 们 就 可 以 据 此 计算 各 种 表面 属性 。 因 此 ， 另 一 
个 结构 体 就 是 用 于 存储 这 些 表面 属性 的 结构 体 ， 即 SurfaceOutput、SurfaceOutputStandard 和 
SurfaceOutputStandardSpecular， 它 会 作为 表面 函数 的 输出 ， 随 后 会 作为 光照 函数 的 输入 来 进行 
各 种 光照 计算 。 相 比 与 Input 结构 体 的 自由 性 ， 这 个 结构 体 里 面 的 变量 是 提前 就 声明 好 的 ， 不 可 
以 增加 也 不 会 减少 《如果 没有 对 某 些 变量 赋值 ， 就 会 使 用 默认 值 )。SurfaceOutput 的 声明 可 以 在 
找到 : 


struct SurfaceOutput { 
fixed3 Albedo; 
fixed3 Normal; 
fixed3 Emission; 
half Specular; 
fixed Gloss; 
fixed Alpha; 


Lighting.cginc 文件 


Py 
而 SurfaceOutputStandard 和 SurfaceOutputStandardSpecular 的 声明 可 以 在 UnityPBSLighting.cginc 
中 找到 : 


struct SurfaceOutputSstandard 
{ 


fixed3 Albedo; // base (diffuse or specular) color 
fixed3 Normal; // tangent space normal, if written 
half3 Emission; 

half Metallic; // 0=non-metal, l=metal 

half Smoothness; // 0=rough, 1=smooth 

half Occlusion; // occlusion (default 1) 

fixed Alpha; // alpha for transparencies 


}; 


struct SurfaceOutputStandardSpecular 
{ 


fixed3 Albedo; // diffuse color 
fixed3 Specular; // specular color 
fixed3 Normal; // tangent space normal, if written 


half3 Emission; 

half Smoothness; // 0=rough, 1=smooth 

half Occlusion; // occlusion (default 1) 
fixed Alpha; // alpha for transparencies 


}; 


在 一 个 表面 着 色 器 中 ， 只 需要 选择 上 述 三 者 中 的 其 一 即 可 ， 这 取决 于 我 们 选择 使 用 的 光照 模 
型 。Unity 内 置 的 光照 模型 有 两 种 ， 一 种 是 Unity 5 之 前 的 、 简 单 的 、 非 基于 物理 的 光照 模型 ， 包 
括 了 Lambert 和 BlinnPhong; 另 一 种 是 Unity 5 添加 的 、 基 于 物理 的 光照 模型 ， 包 括 Standard 
和 StandardSpecular， 这 种 模型 会 更 加 符合 物理 规律 ， 但 计算 也 会 复杂 很 多 。 如 果 使 用 了 非 基 了 
物理 的 光照 模型 ， 我 们 通常 会 使 用 SurfaceOutput 结构 体 ， 而 如 果 使 用 了 基于 物理 的 光照 模型 
Standard 或 StandardSpecular ， 我 们 会 分 别 使 用 SurfaceOutputStandard 或 SurfaceOutput 


StandardSpecular 结构 体 。 其 中 , SurfaceOutputStandard 结构 体 用 于 默认 的 金属 工作 流程 (Metallic 
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求 


YH 


Workflow )， 对 应 了 Standard 光照 函数 ， 而 SurfaceOutputStandardSpecular 结构 体 用 于 高 光 工 作 流 
程 (Specular Workflow)， 对 应 了 StandardSpecular 光照 函数 。 更 多 关于 基于 物理 的 泻 染 内 容 ， 我 
们 会 在 第 18 章 中 讲 到 。 
在 本 节 ， 我们 着 重 介 绍 一 下 SurfaceOutput 结构 体 中 的 变量 和 含义 。 在 表面 函数 中 ， 我 们 需要 
根据 Input 结构 体 传递 的 各 个 变量 计算 表面 属性 。 在 SurfaceOutput 结构 体 , 这 些 表 面 属性 包括 了 。 

。 fixed3 Albedo: 对 光源 的 反射 率 。 通 常 由 纹理 采样 和 颜色 属性 的 乘积 计算 而 得 。 

。 fixed3 Normal: 表面 法 线 方向 。 

。 fixed3 Emission: 自发 光 。Unity 通常 会 在 片 元 着 色 器 最 后 输出 前 〈 并 在 最 后 的 顶点 函数 被 
调用 前 ， 如 果 定 义 了 的 话 )， 使 用 类 似 下 面 的 语句 进行 简单 的 颜色 车 加 : 


| c.rgb += o.Emission; 


。 half Specular: 高 光 反 射 中 的 指数 部 分 的 系数 ， 影 响 高 光 反 射 的 计算 。 例 如 ， 如 果 使 用 了 
内 置 的 BlinnPhong 光照 函数 ， 它 会 使 用 如 下 语句 计算 高 光 反 射 的 强度 : 


| float spec = pow (nh, s.Specular*128.0) * s.Gloss; 


。 fixed Gloss: 高 光 反 射 中 的 强度 系数 。 和 上 面 的 Specular 类 似 ， 计 算 公 式 见 上 面 的 代码 。 

一 般 在 包含 了 高 光 反 射 的 光照 模型 里 使 用 。 

。 fixed Alpha: 透明 通道 。 如 果 开 启 了 透明 度 的 话 ， 会 使 用 该 值 进行 颜色 混合 。 

尽管 表面 着 色 器 极 大 地 减少 了 我 们 的 工作 量 ， 但 它 带 来 的 一 个 问题 是 ， 我 们 经 常 不 知道 为 什 

么 会 得 到 这 样 的 演 染 结果 。 如 果 你 不 是 一 个 “好 奇 宝宝 ”的 话 ， 你 可 Lb 用 表面 着 色 

器 来 方便 地 实现 一 些 不 错 的 演 染 效果 3 但 是 , 一 些 好 奇 的 初学 者 往往 会 提出 这 样 的 问题 : a 

我 的 场景 里 没有 灯光 ， 但 物体 不 是 全 黑 的 呢 ? 为 什么 我 把 光源 的 颜色 调 成 黑色 ， 一 些 
演 染 颜色 呢 ? ”这 些 问题 都 源 于 表面 着 色 器 对 我 们 隐藏 了 实现 细节 。 而 想 

表面 着 色 器 ， 我 们 就 需要 学 习 它 的 工作 流水 线 ， 并 了 解 Unity 

的 顶点 / 片 元 着 色 器 的 〈 时 刻 记 着 ， 表 面 着 色 器 本 质 上 就 是 包含 了 很 多 Pass 的 顶点 / 片 元 着 色 器 )。 


LDL Unity 背后 做 了 什么 


在 前 面 的 内 容 中 ， 我 们 已 经 了 解 到 如 何 利用 编译 指令 、 自 定义 函数 〈 表 面 函 数 、 光 照 函数 ， 
以 及 可 选 的 顶点 修改 函数 和 最 后 的 颜色 修改 函数 ) 和 两 个 结构 体 来 实现 一 个 表面 着 色 器 。 我 们 一 
直 强 调 ，Unity 实际 会 在 背后 为 表面 着 色 器 生成 真正 的 顶点 / 片 元 着 色 器 。 那 么 ， 表 面 着 色 器 中 的 
各 个 函数 、 编 译 指令 和 结构 体 与 顶点 / 片 元 着 色 器 之 间 有 什么 关系 呢 ? 这 正 是 本 节 要 学 习 的 内 容 。 

我 们 之 前 说 过 ，Unity 在 背后 会 根据 表面 着 色 器 生成 一 个 包含 了 很 多 Pass 的 顶点 / 片 元 着 色 器 。 这 
些 Pass 有 些 是 为 了 针对 不 同 的 泻 染 路 径 ， 例 如 ， 默 认 情 况 下 Unity 会 为 前 向 演 染 路 径 生 成 
LightMode 为 ForwardBase 和 ForwardAdd 的 Pass, 为 Unity 5 之 前 的 延迟 演 染 路 径 生 成 LightMode 
为 PrePassBase 和 PrePassFinal 的 Pass, 为 Unity 5 之 后 的 延迟 演 染 路 径 生 成 LightMode 为 Deferred 
的 Pass。 还 有 一 些 Pass 是 用 于 产生 额外 的 信息 , 例如 ,为 了 给 光照 映射 和 动态 全 局 光照 提取 表面 信 
息 ，Unity 会 生成 一 个 LightMode 为 Meta 的 Pass。 有 些 表面 着 色 器 由 于 修改 了 顶点 位 置 ， 因 此 ， 
我 们 可 以 利用 adddshadow 编译 指令 为 它 生 成 相应 的 LightMode 为 ShadowCaster 的 阴影 投射 Pass。 
这 些 Pass 的 生成 都 是 基于 我 们 在 表面 着 色 器 中 的 编译 指令 和 自 定 义 的 函数 ， 这 是 有 规律 可 循 的 。 
Unity 提供 了 一 个 功能 ， 让 那些 “好 奇 宝 宝 ” 可 以 对 表面 着 色 器 自动 生成 的 代码 一 探究 更 : 在 每 个 
编译 完成 的 表面 着 色 器 的 面板 上 ， 都 有 一 个 “Show generated code” 的 按钮 ， 如 图 17.2 所 示 ， 我 们 
只 需要 单 击 一 下 它 就 可 以 看 到 Unity 为 这 个 表面 着 色 器 生成 的 所 有 顶点 / 片 元 着 色 器 。 


H 
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通过 查看 这 些 代 码 ， 我 们 就 可 以 了 解 到 Unity 到 底 是 如 何 根 0 


据 表 面 着 色 器 生成 各 个 Pass 的 。 以 Unity 生成 的 LightMode 为 
ForwardBase 的 Pass (用 于 前 向 泻 染 ) 为 例 ， 它 的 泻 染 计算 流水 
线 如 图 17.3 所 示 。 从 图 17.3 中 我 们 可 以 看 出 , 4 个 允许 自 定义 的 
函数 在 流水 线 中 的 位 置 。 

Unity 对 该 Pass 的 自动 生成 过 程 大 致 如 下 。 

(1) 直接 将 表面 着 色 器 中 CGPROGRAM 和 ENDCG 之 间 的 
代码 复制 过 来 ， 这 些 代码 包括 了 我 们 对 Input 结构 体 、 表 面 函数 、 
光照 函数 〈 如 果 自 定 了 的 话 ) 等 变量 和 函数 的 定义 。 这 些 函 数 和 ”4 图 1 


癌 Unity Shaders Book/Chapter 17/No 回 加 


Surface shader 
Compiled code 
Cast shadows 
Render queue 
LOD 

lgnore projector no 
Disable batching no 


Properties: 


-ColorTint Color: Color Tint 
-MainTex Texture: Base (RGB) 
_BumpMap Texture: Normalmap 
_Amount Range: Extrusion Amount 


7.2 查看 表面 着 色 器 生成 的 代码 


> ee! yb i ~z wb > 一 、 
变量 会 在 之 后 的 处 理 过 程 中 被 当成 正常 的 结构 体 和 函数 进行 调用 。 
顶点 着 色 器 : v2f_surf vert_surf foppdata_fullv) 
顶点 数据 一 一 *| _ 可 选 : 需要 计算 变量 ， 并 struct v2f_surf 
顶点 修改 函数 存储 到 v2f_surf 
结构 体 中 | 
片 元 着 色 器 : fixed4 frag_surf (v2f_surf IN) 
使 用 v2f_surf 中 的 数 表面 函数 上 辣 汪 二 
,| 据 填充 Input 结 构 体 修改 西数 ” 输出 颜色 
struct Input yy int J 


SurfaceOutput 


^ 图 17.3 表面 着 色 器 的 演 染 计算 流水 线 。 黄 色 : 可 以 自 定义 的 函数 。 灰 色 : Un 


(2) Unity 会 分 析 上 述 代码 ， 并 据 此 生成 顶点 着 色 器 的 输出 


ity 自动 生成 的 计算 步 又 


V2f_surf 结构 体 ， 用 于 在 顶点 
着 色 器 和 片 元 着 色 器 之 间 进 行 数据 传递 。Unity 会 分 析 我 们 在 自 定义 函数 中 所 使 用 的 变量 ， 例 如 ， 


纹理 坐标 、 视 角 方向 、 反 射 方向 等 。 如 果 需 要 ， 它 就 会 在 v2f_surf 中 生成 相应 的 变量 。 而 且 ， 即 
便 有 时 我 们 在 Input 中 定义 了 某 些 变量 〈 如 某 些 纹理 坐标 )， 但 Unity 在 分 析 后 续 代 码 时 发 现 我 们 


并 没有 使 用 这 些 变 量 ， 那 么 这 些 变量 实际 上 是 不 会 在 v2f_surf 中 生成 的 


。 这 也 就 是 说 ，Unity 做 了 


一 些 优化 。v2f_surf 中 还 包含 了 一 些 其 他 需要 的 变量 ， 例 如 阴影 纹理 坐标 、 光 照 纹理 坐标 、 逐 项 


点 光照 等 。 
(3) 接着 ， 生 成 顶点 着 色 器 。 
G 如 果 我 们 自 定义 了 项 点 修改 函数 ，Unity 会 首先 调用 顶点 修改 函 


数 来 修改 顶点 数据 ， 或 填 


充 自 定义 的 Input 结构 体 中 的 变量 。 然 后 ，Unity 会 分 析 顶 点 修改 函数 ! 


过 Input 结构 体 将 修改 结果 存储 到 v2f_surf 相应 的 变量 中 。 


修改 的 数据 ， 在 需要 时 通 


@ 计算 v2f_surf 中 其 他 生成 的 变量 值 。 这 主要 包括 了 顶点 位 置 、 纹 理 坐 标 、 法 线 方向 、 逐 顶 


点 光照 、 光 照 纹理 的 采样 坐标 等 。 当 然 ， 我 们 可 以 通过 编译 指令 来 控制 某 些 变量 是 否 需要 计算 。 


@) 最 后 ， 将 v2f_surf 传递 给 接 下 来 的 片 元 着 色 器 。 
(4) 生成 片 元 着 色 器 。 


@ 使 用 v2f_surf 中 的 对 应 变量 填充 Input 结构 体 ， 例 如 ， 纹 理 坐 标 、 视 角 方向 等 。 


@ 调用 我 们 自 定 义 的 表面 函数 填充 SurfaceOutput 结构 体 。 


@) 调用 光照 函数 得 到 初始 的 颜色 值 。 如 果 使 用 的 是 内 置 的 Lambert 或 BlinnPhong 光照 函数 ， 
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Unity 还 会 计算 动态 全 局 光照 ， 并 添加 到 光照 模型 的 计算 ， 
@ 进行 其 他 的 颜色 县 加 。 例 如， 如 果 没 有 使 用 光照 拉 还 会 添加 逐 顶 点 光照 的 影响 。 
@ 最 后 ， 如 果 自 定义 了 最 后 的 颜色 修改 函数 ，Unity 就 会 调用 它 进 行 最 后 的 颜色 修改 。 
其 他 Pass 的 生成 过 程 和 上 面 类 似 ， 在 此 不 再 殉 述 。 


中 下 表面 着 色 器 实例 分 析 


为 了 帮助 读者 更 加 深入 地 型 
分 析 Unity 为 它 生 成 的 代码 。 

读者 可 以 在 本 书 资 源 中 的 Scene_17_4 中 找到 
相应 的 测试 场景 。 它 实现 的 效果 是 对 模型 进行 膨 
胀 ， 如 图 17.4 所 示 。 

这 种 效果 的 实现 非常 简单 ,就 是 在 顶点 修改 函 


画 


解 表面 着 色 器 背后 的 原理 ， 我 们 在 本 节 以 一 个 表面 着 色 器 为 例 ， 


数 中 沿 着 顶点 法 线 方向 扩张 项 点 位 置 。 为 了 分 析 表 4 图 17.4” 沿 顶点 法 线 对 模型 进行 膨胀 
上 着色 器 中 4 个 可 自 定义 函数 (顶点 修改 函数 、 表 oe 


四 函数 、 光 照 函 数 和 最 后 的 颜色 修改 函数 ) 的 原理 ， 在 本 例 中 我 们 对 这 4 个 函数 全 部 采用 了 自 定 
义 的 实现 。 读 者 可 以 在 Chapter17-NormalExtrusion 文件 中 找到 该 表面 着 色 器 ， 它 的 代码 如 下 : 


Shader "Unity Shaders Book/Chapter 17/Normal Extrusion"™" { 


Properties { 
_ColorTint ("Colom Tift", Cor) = (1,1,1,1) 
_MainTex ("Base 作 RGB) "Ar2D) 3 "white" {} 
_BumpMap ("Normalmap"r ‘2BD)’ = "bump" {} 
_Amount ("ExtrusionvAmount,y Range(-0.5, 0.5)) = 0.1 


} 

SubShader { 
Tags { "RenderType"="Opaqgué" } 
LOD 300 


CGPROGRAM 


// surf - which surface function. 

// CustomLambert - which lighting model to use. 

// vertex:myvert - use custom vertex modification function. 

// finalcolor:mycolor - use custom final color modification function. 

// addshadow - generate a shadow caster pass. Because we modify the vertex position, 
// the shder needs special shadows handling. 

// exclude path:deferred/exclude path:prepas - do not generate passes for 
//deferred/legacy deferred rendering path. 

// nometa - do not generate a "meta" pass (that’s used by lightmapping & dynamic 
//global illumination to extract surface information). 

#pragma surface surf CustomLambert vertex:myvert finalcolor:mycolor addshadow 
exclude path:deferred exclude path:prepass nometa 

#pragma target 3.0 


fixed4 ColorTint; 
sampler2D MainTex; 
sampler2D BumpMap; 
half Amount; 


struct Input { 
float2 uv MainTex; 
float2 uv BumpMap; 
}; 


void myvert (inout appdata full v) { 
V.vertex.xyz += V.normal * Amount; 


} 


void surf (Input IN, inout SurfaceOutput o) { 

fixed4 tex = tex2D( MainTex, IN.uv MainTex); 

Oo.Albedo = tex.rgb; 

oOo.Alpha = tex.a; 

Oo.Normal = UnpackNormal (tex2D( BumpMap, IN.uv BumpMap)); 
} 


half4 LightingCustomLambert (SurfaceOutput s, half3 lightDir, half atten) { 
half NdotL = dotl(s.Normal, lightDir); 
half4 c; 
c.rgb = s.Albedo * LightColor0.rgb * (NdotL * atten); 
c.a = s.Alpha; 
return c; 


} 


void mycolor (Input IN, SurfaceOutput o inout fixed4 color) { 
color *= ColorTint; 


} 


ENDCG 
} 


FallBack "Legacy Shaders/Diffuse" 
} 


在 顶点 修改 函数 中 ， 我 们 使 用 顶点 法 线 对 顶点 位 置 进行 膨胀 ， 表面 函数 使 用 主 纹理 设置 了 表 
下 属性 中 的 反射 率 ， 并 使 用 法 线 纹理 设置 了 表面 法 线 方向 ， 光 照 函 数 实现 了 简单 的 兰 伯 特 漫 反 射 
光照 模型 ;在 最 后 的 颜色 修改 函数 中 ， 我 们 简单 地 使 用 了 颜色 参数 对 输出 颜色 进行 调整 。 注 意 ， 
除了 4 个 函数 外 ， 我 们 在 #pragma surface 的 编译 指令 一 行 中 还 指定 了 一 些 额外 的 参数 。 由 于 我 们 
修改 了 顶点 位 置 ， 因 此 ， 要 对 其 他 物体 产生 正确 的 阴影 效果 并 不 能 直接 依赖 FallBack 中 找到 的 阴 
影 投 射 Pass，addshadow 参数 可 以 告诉 Unity 要 生成 一 个 该 表面 着 色 器 对 应 的 阴影 投射 Pass。 默 
认 情 况 下 ，Unity 会 为 所 有 支持 的 泻 染 路 径 生 成 相应 的 Pass， 为 了 缩小 自动 生成 的 代码 量 ， 我 们 
使 用 exclude_path:deferred 和 exclude_path:prepass 来 告诉 Unity 不 要 为 延迟 演 染 路 径 生成 相应 
的 Pass。 最 后 ， 我 们 使 用 nometa 参数 取消 对 提取 元 数据 的 Pass 的 生成 。 

当 在 该 表面 着 色 器 的 导入 面板 中 单 击 “Show generated code” 按 钮 后 ， 我 们 就 可 以 看 到 Unity 
生成 的 顶点 / 片 元 着 色 器 了 。 由 于 代码 比较 多 ， 为 了 节省 篇 幅 我 们 不 再 把 全 部 代码 粘贴 到 这 里 。 因 
此 ， 在 往 下 阅读 之 前 ， 请 读者 先 打开 生成 的 代码 文件 ， 以 便 明 白 我 们 接 下 来 的 分 析 。 
在 这 个 将 近 600 行 代码 的 文件 中 ，Unity 一 共 为 该 表面 着 色 器 生成 了 3 个 Pass， 它 们 的 
LightMode 分 别 是 ForwardBase、ForwardAdd 和 ShadowCaster， 分 别 对 应 了 前 向 泻 染 路 径 中 的 处 
里 逐 像 素平 行 光 的 Pass、 处 理 其 他 逐 像素 光 的 Pass、 处 理 阴 影 投 射 的 Pass。 这 些 Pass 的 原理 可 以 
回顾 9.1.1 节 和 9.4 节 中 的 相关 内 容 。 读 者 可 以 在 这 些 代 码 中 看 到 大 量 的 丰 fdef 和 #if 语句 ， 这 些 语 
名 可 以 判断 一 些 演 染 和 条件， 例如， 是 否 使 用 了 动态 光照 纹理 、 是 否 使 用 了 逐 顶 点 光照 、 是 否 使 用 
了 屏幕 空间 的 阴影 等 ，Unity 会 根据 这 些 条 件 来 进行 不 同 的 光照 计算 ， 这 正 是 表面 着 色 器 的 魅力 
之 一 一 一 把 这 些 烦人 的 光照 计算 交 给 Unity 来 做 ! 

需要 注意 的 是 , 不 同 的 Unity 版 本 可 能 生成 的 代码 有 少许 不 同 。 在 本 书 中 , 我 们 以 Unity 5.2.1 
中 的 结果 为 准 。 下 面 ， 我 们 来 分 析 Unity 生成 的 ForwardBase Pass。 

(1) Unity 首先 指明 了 一 些 编译 指令 : 


a 


T 


// ---- forward rendering base pass: 
Pass { 
Name “FORWARD" 
Tags { "LightMode" = "ForwardBase" } 
CGPROGRAM 


// compile directives 
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#pragma Vertex vert surf 

#pragma fragment frag surf 

#pragma target 3.0 

#pragma multi compile fwdbase 
#include "HLSLSupport.cginc" 

#include "UnityShaderVariables.cginc" 


顶点 着 色 器 vert_surf 和 片 元 着 色 器 frag_surf 都 是 自动 生成 的 。 
(2) 之 后 出 现 的 是 一 些 自动 生成 的 注释 : 


// Surface shader code generated based on: 
// vertex modifier: 'myvert' 
// writes to per-pixel normal: YES 
// writes to emission: no 


// needs world space reflection vector: no 

// needs world space normal vector: no 

// needs screen space position: no 

// needs world space position: no 

// needs view direction: no 

// needs world space view direction: no 

// needs world space position for lighting: no 

// needs world space view direction for lighting: no 
// needs world space view direction for lightmaps: no 
// needs vertex color: no 

// needs VFACE: no 

// passes tangent-to-world matrix to pixel shader: YES 
// reads from normal: no 


// 2 texcoords actually used 
// float2 MainTex 
// float2 BumpMap 


尽管 这 些 对 泻 染 结果 没有 影响 ,人 但 我 们 可 以 从 这 些 注 释 中 理解 到 Unity 的 分 析 过 程 和 它 的 分 
析 结 果 。 
(3) 随后 ，Unity 定义 了 一 些 宏 来 辅助 计算 ; 


define INTERNAL DATA half3 internalSurfaceTtoWw0; half3 internalSurfaceTtoW1l; half3 
internalSurfaceTtoWw2; 

define WorldReflectionVector(data,normal) reflect (data.worldRefl, half3 (dot (data. 
internalSurfaceTtoW0O,normal), dot (data.internalSurfaceTtoWl]1,normal), dot (data. 
internalSurfaceTtoWw2,normal))) 

define WorldNormalVector (data,normal) fixed3(dot (data.internalSurfaceTtowW0,normal), 
dot (data.internalSurfaceTtoWl,normal), dot(data.internalSurfaceTtoW2,normal)) 


实际 上 ， 在 本 例 中 上 述 宏 并 没有 被 用 到 。 这 些 宏 是 为 了 在 修改 了 表面 法 线 的 情况 下 ， 辅 助 计算 得 
到 世界 空间 下 的 反射 方向 和 法 线 方向 ， 与 之 对 应 的 是 Input 结构 体 中 的 一 些 变量 〈 可 参见 17.3.1 节 )。 
(4) 接着 ，Unity 把 我 们 在 表面 着 色 器 中 编写 的 CG 代码 复制 过 来 ， 作 为 Pass 的 一 部 分 ， 以 
便 后 续 调 用 。 
(5) 然后 ，Unity 定义 了 顶点 着 色 器 到 片 元 着 色 器 的 插值 结构 体 〈 即 顶点 着 色 器 的 输出 结构 
体 ) v2f_surf。 在 定义 之 前 ，Unity 使 用 上 fdef 语句 来 判断 是 否 使 用 了 光照 纹理 ， 并 为 不 同 的 情况 
生成 不 同 的 结构 体 。 主 要 的 区 别 是 ， 如 果 没 有 使 用 光照 纹理 ， 就 需要 定义 一 个 存储 逐 顶 点 和 “SH 


// vertex-to-fragment interpolation data 
// no lightmaps: 
#ifdef LI GHTMAP OFF 
struct v2f surf { 
float4 pos : SV_POSITION; 
float4 Pack0 : TEXCOORDO; // MainTex BumpMap 
fixed3 tSpace0 : TEXCOORD1; 
fixed3 tSpacel : TEXCOORD2; 
fixed3 tSpace2 : TEXCOORD3; 
fixed3 vilight : TEXCOORD4; // ambient/SH/vertexlights 
SHADOW COORDS (5) 
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#if SHADER _ TARGET >= 30 


float4 lmap : 
#endif 

}; 
#endif 

// with lightmaps: 


#ifndef LIGHTMAP OFF 


struct v2f surf { 
float4 pos : 
float4 pack0 
fixed3 tSpaced0 : 
fixed3 tSpacel 
fixed3 tSpace2 


TEXCOORD6G6; 


SV_POSITION; 
: TEXCOORDO0; // MainTex BumpMap 


TEXCOORD1; 


: TEXCOORD2; 
: TEXCOORD3; 


lmap : 


TEXCOORD4; 


_COORDS (5) 


甸 很 多 变量 名 看 起 来 很 防 生 ， 但 实际 上 大 部 分 变量 的 含义 我 们 在 之 前 都 碰 到 过 ， 只 是 这 里 
使 用 了 不 同 的 名 称 而 已 。 例 如 ， 在 下 面 我 们 会 看 到 ，pack0 中 实际 上 存储 的 就 是 主 纹理 和 法 线 纹 
里 的 采样 坐标 ， 而 tSpace0、tSpacel 和 tSpace2 存储 了 从 切线 空间 到 世界 空间 的 变换 矩阵 。 一 个 比 
较 陌 生 的 变量 是 vlight，Unity 会 把 逐 顶 点 和 SH 光照 的 结果 存储 到 该 变量 里 ， 并 在 片 元 着 色 器 ， 
和 原 光 照 结果 进行 车 加 (如 果 需 要 的 话 )。 

(6) 随后 ，Unity 定义 了 真正 的 顶点 着 色 器 。 顶 点 着 色 器 
函数 来 修改 一 些 顶 点 属性 : 


// vertex shader 
V2f_surf vert surf 
V2f_surf oOo; 

UNITY INITIALIZE OUTPUT (v2f surf,o); 
myvert (v); 


在 我 们 的 实现 中 ， 只 对 顶点 坐标 进行 了 修改 ， 而 不 需要 向 Input 结构 体 中 添加 并 存储 新 的 变量 。 
也 可 以 使 用 男 一 个 版 本 的 函数 声明 来 把 顶点 修改 函数 中 的 某 些 计算 结 果 存 储 到 Input 结构 体 中 : 


| void vert (inout appdata full v, out Input o); 


之 后 的 代码 是 用 于 计算 v2f_surf 中 各 个 变量 的 值 。 例 如 ， 计 算 经 过 MVP 和 矩阵 变换 后 的 顶点 
坐标 ; 使 用 TRANSFORM_TEX 内 置 宏 计算 两 个 纹理 的 采样 坐标 ， 并 分 别 存储 在 o.pack0 的 xy 分 
量 和 zw 分 量 中 ; 计算 从 切线 空间 到 世界 空间 的 变换 矩阵 , 并 把 矩阵 的 每 一 行 分 别 存储 在 o.tSpace0、 
o.tSpacel 和 o.tSpace2 变量 中 ; 判断 是 否 使 用 了 光照 映射 和 动态 光照 映射 ， 并 在 需要 时 把 两 种 光 
照 纹理 的 采样 坐标 计算 结果 存储 在 o.lmap.xy 和 o.lmap.zw 分 量 中 ; 判断 是 否 使 用 了 光照 映射 ， 如 
果 没 有 的 话 就 计算 该 顶点 的 SH 光照 (一 种 快速 计算 光照 的 方法 )， 把 结果 存储 到 o.vlight 中 ; 判 
断 是 否 开启 了 逐 顶点 光照 ， 如 果 是 就 计算 最 重要 的 4 个 逐 顶 点 光照 的 光照 结果 ， 把 结果 闭 加 到 
o.vlight 中 。 这 部 分 代码 读者 可 以 在 生成 的 文件 中 找到 ， 这 里 不 再 粘贴 出 来 。 

最 后 ， 计 算 阴 影 坐 标 并 传递 给 片 元 着 色 器 ; 


TRANSFER SHADOW (o) ， 
return o; 


首先 会 调用 我 们 自 定义 的 顶点 修改 


an 


(appdata full v) { 


ba 


// pass shadow coordinates to pixel shader 
} 


(7) 在 Pass 的 最 后 , Unity 定义 了 真正 的 片 元 着 色 器 。Unity 
来 初始 化 Input 结构 体 中 的 变量 : 


// fragment shader 

fixed4 frag surf (v2f surf IN) 
// prepare and unpack data 
Input surfIN; 
UNITY INITIALIZE OUTPUT (Input, surfIN); 


和 先 利 


插值 后 的 结构 体 v2f_surf 


: SV Target { 
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surfIN.uv MainTex 
surfIN.uv BumpMap 


IN.pack0 .xy; 
IN.pack0 .zw; 


随后 ，Unity 声明 了 一 个 SurfaceOutput 结构 体 的 变量 ， 并 对 其 中 的 表面 属性 进行 了 初始 化 ， 
再 调用 了 表面 函数 : 


#ifdef UNITY COMPILER HLSL 
SurfaceOutput o = (SurfaceOutput)o0; 
else 

SurfaceOutput o; 

endif 

.Albedo = 0.0; 


.Emission 
.Specular 
.Alpha = 
.Gloss 


oO 0 OO 


O00 

Qu05 

// call surface function 
surf (surfIN, o); 


在 上 面 的 代码 中 ，Unity 还 使 用 届 fdef 语句 判断 当前 的 编译 语言 类 型 是 否 是 HLSL， 如 果 是 就 
使 用 更 严格 的 声明 方式 来 声明 SurfaceOutput 结构 体 〈 因 为 DirectX 平台 往往 有 更 加 严格 的 语义 要 
求 )。 当 对 各 个 表面 属性 进行 初始 化 后 ，Unity 调用 了 表面 函数 surf 来 填充 这 些 表面 属性 。 

之 后 ，Unity 进行 了 真正 的 光照 计算 。 首 先 ， 计 算得 到 了 光照 衰减 和 世界 空间 下 的 法 线 方向 : 


// compute lighting & shadowing factor 
UNITY LIGHT ATTENUATION (atten, IN, worldPos) 
fixed4 c = 0; 
fixed3 worldN; 
worldN.x = dot (IN.tSpacé0 .xyzrYo.Normal); 
worldN.y = dot (IN.tSpacel .xyZ, ONormal); 
worldN.z = dot (IN.tSpace2,xyz, .Normal); 
oOo.Normal = worldN; 


其 中 ， 变 量 c 用 于 存储 最 终 的 输出 颜色 ， 此 时 被 初始 化 为 0。 随 后，Unity 判断 是 否 关 闭 了 光 
照 映射 ， 如 果 关 闭 了 ， 就 把 逐 顶 点 的 光照 结果 又 加 到 输出 颜色 中 : 


#ifdef LIGHTMAP OFF 
CcC.rgb += o.Albedo * IN.vlight; 
#endif // LIGHTMAP OFF 


而 如 果 需 要 使 用 光照 映射 ，Unity 就 会 使 用 之 前 计算 的 光照 纹理 采样 坐标 ， 对 光照 纹理 进行 
采样 并 解码 ， 得 到 光照 纹理 中 的 光照 结果 。 这 部 分 代码 读者 可 以 在 生成 的 代码 中 找到 ， 这 里 不 再 
粘贴 过 来 。 

如 果 没 有 使 用 光照 映射 ， 意 味 着 我 们 需要 使 用 自 定义 的 光照 模型 计算 光照 结果 : 


// realtime lighting: call lighting function 
ifdef LIGHTMAP OFF 


c += LightingCustomLambert (o, lightDir, atten); 
else 

c.a = oO.Alpha; 

endif 


而 如 果 使 用 了 光照 映射 的 话 ，Unity 会 根据 之 前 由 光照 纹理 得 到 的 结果 得 到 颜色 值 ， 并 登 加 

到 输出 颜色 c 中 。 如 果 还 开局 了 动态 光照 映射 ，Unity 还 会 计算 对 动态 光照 纹理 的 采样 结果 ， 同 样 

把 结果 又 加 到 输出 颜色 c 中 。 这 部 分 代码 读者 可 以 在 生成 的 代码 中 找到 ， 这 里 不 再 粘贴 过 来 。 
最 后 ，Unity 调用 自 定义 的 颜色 修改 函数 ， 对 输出 颜色 c 进行 最 后 的 修改 : 


mycolor (surfIN, o, c); 
UNITY OPAQUE ALPHA(c.a); 
return ces 
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在 上 面 的 代码 中 ，Unity 还 使 用 


定义 ) 来 重 置 片 元 的 透 
重 置 为 1.0， 而 不 管 我 们 是 否 在 光照 
的 话 ， 可 以 在 表面 着 色 器 的 乡 
至 此 ，ForwardBase Pass 


本 类 似 ， 
码 ， 因 


为 这 些 额外 


明 通 道 。 


只 是 代码 更 加 简单 了 
的 Pass 不 需 


对 要 考虑 这 些 。 


最 后 一 


个 重要 


它 的 生成 原 


致 的 顶点 坐标 。 正 如 我 们 在 11.3.3 节 和 15.1 节 
的 V2F_SHADOW_CASTER、 TRANSFER_SHADOW_CASTER_NORMALOFFSET 和 
了 粘贴 到 本 书 中 。 


使 用 了 内 置 
SHADOW_CASTER_FRAGMENT 来 计算 阴影 投射 ， 这 部 分 代码 也 不 有 


从 上 面 的 内 容 
么 还 要 花 那 么 久 的 时 间 学 习 顶 点 / 片 元 着 
正如 我 们 一 直 强 调 的 那样 ， 表 重 
是 一 种 更 高 层 的 抽象 。 
但 不 季 的 是 ， 这 人 名 1 
这 世上 任何 事 
着 色 器 虽 


了 内 置 宏 UNITY_OPAQUE_ALPHA (在 UnityCG.cginc 旨 


在 默认 情况 下 ， 所 有 不 透明 类 型 的 表面 着 色 器 的 透 


函数 中 改变 了 它 ， 如 上 所 示 。 
有 译 指 令 中 添加 keepalpha 参数 。 

就 结束 了 。 接 下 来 的 ForwardAdd Pass 和 上 面 的 ForwardBase Pass 基 
，Unity 去 掉 了 对 逐 顶 点 光照 和 各 种 判断 是 否 使 用 了 光照 映射 的 代 
的 Pass 是 ShadowCaster Pass。 相 比 于 之 前 
里 很 简单 ， 就 是 通过 调用 自 定义 的 顶点 修改 函数 来 保 订 
看 到 的 一 


| Surface Shader 的 缺点 


我 们 可 以 看 出 ， 表 


而 着 色 器 


人 


日 人 
舌 反 过 来 并 不 成 立 。 
情 都 是 有 代价 如 果 我 


E 何 在 表面 着 色 器 中 完成 的 事情 ， 


样 ,这 个 


给 我 们 带 来 了 很 大 的 便利 。 那 么 
色 器 ? 直接 写 表面 着 色 器 就 好 了 嘛 。 


如 果 我 们 想 要 保留 


的 两 个 Pass, 它 的 代码 比较 简 让 
FE 计算 阴影 时 使 用 的 是 和 之 前 一 
自 定义 的 阴影 投射 的 Pass 同样 


EE 被 
明 通 道 都 会 ， 
加 它 的 透明 通 


短小 。 


， 我 们 之 前 为 什 


色 器 只 是 Unity 在 顶点 / 片 元 着 色 器 上 再 


提供 的 一 种 封装 ， 


我 们 都 可 以 在 项 


顶点 / 片 元 着 色 器 1! 


重 现 。 


们 想 要 得 到 


便利 7》 就 需要 以 物 


有 然 可 以 快速 实现 各 种 光照 效果 , 但 


使 用 表面 着 1 
等 都 是 使 用 表面 着 1 
Mobile/Bumped Specular 等 ， 但 这 些 版 本 
局 光照 和 其 他 一 些 光照 计算 上 


色 器 往 


主 会 对 性 
色 器 编写 的 。 尽 管 Unity 


的 优化 。 但 


女 ， 


的 需求 了 。 


除了 性 能 比较 差 以 外 ， 


我 们 失 


的 Shader 往往 


提供 


要 相 


IN 


西 牲 自 


度 为 代价 。 表 面 


了 对 各 种 优化 和 各 种 特效 实现 的 控制 。 
造成 一 定 的 影响 ， 而 内 置 的 Shader, 例如 Diffuse、Bumped Specular 
了 移动 平台 的 相应 版 本 ， 例 如 Mobile/Diffuse 和 
只 是 去 掉 了 额外 
进行 更 多 深层 的 优化 ， 表 


的 逐 像 素 Pass、 
四 着 色 器 就 不 能 


Pe 


忆 此 ， 


不 计算 全 
满足 我 们 


表面 着 色 器 还 无 法 完成 一 些 自 定 义 的 演 


染 效果 ， 例 如 10.2.2 节 中 透明 


玻璃 的 效果 。 表 面 着 色 器 的 这 些 缺 点 让 很 多 人 更 愿意 使 用 自由 的 顶点 / 片 元 着 色 器 来 实现 各 种 效 
果 ， 尽 管 处 理光 照 时 这 可 能 难度 更 大 些 。 
因此 ， 我 们 给 出 一 些 建议 供 读者 参考 。 
。 如 果 你 需要 和 各 种 光源 打交道 ， 尤 其 是 想 要 使 用 Unity 中 的 全 局 光照 的 话 ， 你 可 能 更 喜欢 
使 用 表面 着 色 器 ， 但 要 时 刻 小 心 它 的 性 能 
。 如 果 你 需要 处 理 的 光源 数目 非常 少 ， 例 如 只 有 一 个 平行 光 ， 那 么 使 用 顶点 / 片 元 着 色 器 是 
一 个 更 好 的 选择 ; 
。 最 重要 的 是 ， 如 果 你 有 很 多 自 定义 的 泻 染 效果 ， 那 么 请 选择 顶点 / 片 元 着 色 器 。 
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在 之 前 的 章节 中 ， 


第 18 斜 ” 基 于 物理 的 演 染 


我 们 学 习 了 Lambert 光照 模型 、Phong 光照 模型 和 Blinn-Phong 光照 模型 。 


但 这 些 光 照 模型 的 缺点 在 于 ， 它 们 都 是 经 验 模型 。 如 果 我 们 需要 泻 染 更 高 质量 的 画面 ， 这 些 经 验 


模型 就 显得 不 再 能 满足 我 们 的 要 求 了 。 
近年 来 ， 基 于 物理 的 泻 染 技 术 (Physically Based Shading, PBS) 被 逐渐 


让 用 于 实时 泻 染 中 。 


ep 


总 体 来 说 ，PBS 是 为 了 对 光 和 材质 之 间 的 行为 进行 更 加 真实 的 建 模 。PBS 早已 被 广泛 应 用 到 电影 


行业 中 ， 但 游戏 中 的 PBS 是 近年 来 才 逐 渐 流 行 起 来 的 。Unity 最 早 在 2012 年 的 《! 


胡蝶 效应 》( 英 


文 名 : Butterfly Effect) 的 demo 中 大 量 使 用 了 PBS， 并 在 Unity 5 中 正式 将 PBS 引入 到 引擎 演 染 


不 
中 。Unity 5 引入 了 一 个 名 为 Standard Shader 的 可 在 不 同 材质 之 间 通 用 的 着 色 器 ， 而 该 着 色 器 就 是 
使 用 了 基于 物理 的 光照 模型 。 需 要 注意 的 是 ，PBS 并 不 意味 着 演 染 出 来 的 画面 一 定 是 像 照片 一 样 
真实 的 ， 例 如 ，Pixar 和 Disney 尽管 长 期 使 用 PBS 演 染 电影 画面 ， 但 它们 得 到 的 风格 是 非常 有 特 
色 的 艺术 风格 。 相 信 很 多 读者 或 多 或 少 看 到 过 使 用 PBS 泻 染 出 来 的 画面 是 多 么 的 酷 炫 ， 并 很 想 了 


解 这 背后 的 技术 原理 。 
但 往往 走 到 后 面 会 发 现 有 很 多 看 不 懂 的 名 词 以 及 一 大 堆 与 之 相关 的 论文 ;如 果 你 是 一 个 美工 人 员 ， 


如 果 你 是 一 个 程序 员 , 可 能 有 很 大 的 冲动 想 要 自己 实现 一 个 PBS 演 染 框架 ， 


出 色 的 演 染 效果 ， 并 不 是 纹理 + 一 个 Shader 这 么 简单 的 问题 。 


尔 可 能 会 找到 很 多 关于 如 何 制 作 全 BS* 中 使 用 的 纹理 教程 ， 但 你 大 概 也 了 解 ， 想 要 使 用 PBS 实现 


现在 ,我 们 有 一 个 好 消息 和 一 个 坏 消息 要 告诉 大 家 。 先 说 好 消息 ，Unity 5 引入 的 基于 物理 的 
泻 染 不 需要 我 们 过 多 地 了 解 PBS 是 如 何 实现 的 , 就 能 利用 各 种 内 置 工具 来 实现 一 个 不 错 的 泻 染 效 


果 。 然 而 坏 消息 是 ， 我 们 很 难 通过 短 短 几 万 文字 来 非常 详细 地 告诉 读者 这 些 泻 染 到 底 是 如 何 实 现 


的 ， 因 为 这 其 中 需要 牵扯 许多 复杂 的 光照 模型 ， 如 果 要 完全 理解 每 一 种 模型 的 话 ， 大 概 还 要 讲 很 


多 论文 和 其 他 参考 文献 。 不 过 还 有 一 个 好 消息 是 ， 我 们 相信 读者 在 学 完 本 章 后 可 以 了 解 一 些 PBS 
的 原理 ， 如 果 你 对 PBS 有 着 浓厚 的 兴趣 ， 想 要 尝试 自己 构建 一 个 PBS 的 泻 染 框架 ， 可 以 在 本 章 


的 扩展 阅读 部 分 找到 #; 
在 本 章 中 ,我 们 首 


F 多 非常 有 价值 的 参考 资料 。 


会 讲解 PBS 的 基本 原理 ， 证 读者 了 解 它 们 与 我 们 之 前 所 学 的 泻 染 方式 到 


底 有 哪些 不 同 。 尽 管 本 书 的 定位 并 不 是 “ 教 你 如 何 使 用 Unity”， 但 我 们 决定 花 一 点 时 间 来 告诉 读 
者 Unity 5 引入 的 Standard Shader 是 如 何 工 作 的 ， 以 及 如 何在 Unity 5 中 使 用 它 和 其 他 工具 来 演 染 
一 个 场景 ， 我 们 希望 通过 这 些 内 容 来 让 读者 明白 PBS 中 的 一 些 关 键 因 素 。 尽 管 PBS 在 手机 上 的 
应 用 并 不 十 分 广泛 ， 但 我 们 相信 这 是 未 来 的 发 展 趋势 ， 希 望 本 章 可 以 为 读者 打开 PBS 的 大 门 。 


在 学 习 如 何 实现 PBS 之 前 ， 我 们 非常 有 必要 来 了 解 基于 物理 的 泻 染 所 基于 的 理论 和 数学 基 
础 。 我 们 不 会 过 多 地 牵扯 一 些 论文 资料 ， 但 如 果 在 阅读 过 程 中 读者 发 现 无 法 理解 一 些 光照 模型 的 


实现 原理 ， 这 可 能 意味 着 你 需要 阅读 更 多 的 参考 文献 。 本 主要 参考 了 Naty Hoffman 在 


SIGGRAPH 2013 上 做 的 名 为 Background: Physics and Math of Shading 的 演讲 [1]。 


18.1.1 光 是 什么 


尽管 我 们 之 前 一 直 讲 光照 模型 , 但 要 间 读 者 ， 光 到 底 是 什么 , 可 能 没有 多 少 人 可 以 解释 清楚 。 
在 物理 学 中 ， 光 是 一 种 电磁 波 。 首 先 ， 光 由 太阳 或 其 他 光源 中 被 发 射出 来 ， 然 后 与 场景 中 的 对 象 
相交 ， 一 些 光 线 被 吸收 〈absorption)， 而 另 一 些 则 被 散射 〈scattering)， 最 后 光线 被 一 个 感应 器 
(例如 我 们 的 眼睛 》 吸收 成 像 。 

通过 上 面 的 过 程 ， 我 们 知道 材质 和 光线 相交 会 发 生 两 种 物理 现象 ， 散 射 和 吸收 (其 实 还 有 自 
发 光 现象 )。 光 线 会 被 吸收 是 由 于 光 被 转化 成 了 其 他 能 量 , 但 吸收 并 不 会 改变 光 的 传播 方向 。 相反 
的 ， 散 射 则 不 会 改变 光 的 能 量 ， 但 会 改变 它 的 传播 方向 。 在 光 的 传播 过 程 中 ， 影 响 光 的 一 个 重要 
的 特性 是 材质 的 折射 率 (refractive index)。 我 们 知道 ， 在 均匀 的 介质 中 ， 光 是 沿 直线 传播 的 。 但 
如 果 光 在 传播 时 介质 的 折射 率 发 生 了 变化 ， 光 的 传播 方向 就 会 发 生变 化 。 特 别 是 ， 如 果 折 射 率 是 
突变 的 ， 就 会 发 生 光 的 散射 现象 。 

实际 上 ， 在 现实 生活 中 ， 光 和 物体 之 间 的 交互 过 程 是 非常 复杂 的 ， 大 多 数 情况 下 并 不 存在 一 
种 可 分 析 的 解决 方法 。 但 为 了 在 泻 染 中 对 光照 进行 建 模 ， 我 们 往往 只 考虑 一 种 特殊 情况 ， 即 只 考 
虑 两 个 介质 的 边界 是 无 限 大 并 且 是 光学 平滑 (optically flat) 的 。 尽 管 真实 物体 的 表面 并 不 是 无 限 
延伸 的 ， 也 不 是 绝对 光滑 的 ， 但 和 光 的 波长 相 比 ， 它 们 的 大 小 可 以 被 近似 认为 是 无 限 大 以 及 光学 
平滑 的 。 在 这 样 的 前 提 下 ， 光 在 不 同 介质 的 边界 会 被 分 割 成 两 个 方向 :反射 方向 和 折射 方向 。 而 
有 多 少 百 分 比 的 光 会 被 反射 〈 另 一 部 分 就 是 被 折射 了 ) 则 是 由 菲 涅 耳 等 式 (Fresnel equations) 来 
描述 的 ， 如 图 18.1 所 示 。 
晶 是 ， 这 些 与 光线 的 交界 处 真 的 是 像 镜子 一 样 平坦 反射 光线 " 入 射 光线 
吗 ? 尽管 在 上 面 我 们 已 经 说 过 ， 相 对 于 光 的 波长 来 说 ， 
它们 的 确 可 以 被 认为 是 光学 平坦 的 。 但 是 ， 如 果 想 象 我 
们 有 一 个 高 倍 放大 镜 ， 去 放大 这 些 被 照 亮 的 物体 表面 ， 
就 会 发 现 有 很 多 之 前 肉眼 不 可 见 的 凹凸 不 平 的 平面 。 在 
这 种 情况 下 ， 物 体 的 表面 和 光照 发 生 的 各 种 行为 ， 更 像 
是 一 系列 微小 的 光学 平滑 平面 和 光 交 互 的 结果 ， 其 中 每 
个 小 平面 会 把 光 分 割 成 不 同 的 方向 。 

这 种 建立 在 微 表面 的 模型 更 容易 解释 为 什么 有 些 物 “图 18.1 在 理想 的 边界 处 ,折射 率 的 突变 
体 看 起 来 粗糙 ， 而 有 些 看 起 来 就 平滑 ， 如 图 18.2 所 示 。 SA 
想象 我 们 用 一 个 放大 镜 去 观察 一 个 光滑 物体 的 表面 ， 尽 管 它 的 表面 仍然 由 许多 凹凸 不 平 的 微 表 二 
构成 ， 但 这 些微 表面 的 法 线 方向 变化 角度 小 ， 因 此 ， 由 这 些 表面 反射 的 光线 方向 变化 也 比较 小 ， 
如 图 18.2 左 图 所 示 , 这 使 得 物体 的 高 光 反射 更 加 清晰 。 而 图 18.2 右 图 所 示 的 粗糙 表面 则 相反 ,由 
此 得 到 的 高 光 反射 效果 更 模糊 。 


NU ee | 


4 图 18.2 左边: 光滑 表面 的 微 平面 的 法 线 变化 较 小 ， 反 射 光线 的 方向 变化 也 更 小 。 
右边 : 粗糙 表面 的 微 平面 的 法 线 变 化 较 大 ， 反 射 光线 的 方向 变化 也 更 大 
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?多 


—» 
菲 涅 耳 等 式 


折射 光线 
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加 
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ro 


在 上 面 的 内 容 中 ， 我 们 并 没有 讨论 那些 被 微 表面 折射 的 光 。 这 些 光 被 折射 到 物体 的 内 部 ， 一 
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部 分 被 介质 吸收 ， 一 部 分 又 被 散射 到 外 部 。 金 属 材质 具有 很 高 的 吸收 系数 ， 因 此 ， 所 有 被 折射 的 
光 往 往 会 被 立刻 吸收 ， 被 金属 内 部 的 自由 电子 转化 成 


比 他 形式 的 能 量 。 而 非 金属 材质 则 会 同时 表现 出 吸收 NO 


和 散射 两 种 现象 ， 这 些 被 散射 出 去 的 光 又 被 称 为 次 表 

面 散射 光 (subsurface-scattered light)。 在 图 18.3 中 ， 

我 们 给 出 了 一 条 由 微 表 面 折射 的 光 的 传播 路 径 〈 实 际 

反射 面 可 看 到 蓝 线 )。 ws 

现在 ， 我 们 把 放大 镜 从 物体 表面 拿 开 ， 继 续 从 演 “图 18.3 微 表面 对 光 的 折射 。 这 些 被 折射 的 光 中 
染 的 层级 大 小 上 考虑 光 与 表面 一 点 的 交互 行为 。 那 么 ， OO 
微 表面 反射 的 光 可 以 被 认为 是 该 点 上 一 些 方向 变化 不 大 的 反射 光 ， 如 图 18.4 中 的 黄 线 所 示 。 而 
折射 光线 〈 蓝 线 ) 则 需要 更 多 的 考虑 。 那 些 次 表面 散射 光 会 从 不 同 于 入 射 点 的 位 置 从 物体 内 部 再 
次 射出 ， 如 图 18.4 左 图 所 示 。 而 这 些 离 入 射 点 的 距离 值 和 像素 大 小 之 间 的 关系 会 产生 两 种 建 模 结 
果 。 如 面 果 像素 要 大 于 这 些 散射 距离 的 话 ， 意 味 着 这 些 次 表面 散射 产生 的 距离 可 以 被 忽略 ， 那 我 
站 的 演 染 就 可 以 在 局 部 进行 ， 如 图 184 有 图 所 示 。 如 果 像 素 要 小 于 这 些 散射 距离 ， 我 们 就 不 可 以 
选择 忽略 它们 了 ， 要 实现 更 真实 的 次 表面 散射 效果 ， 我 们 需要 使 用 特殊 的 泻 染 模型 ， 也 就 是 所 请 
的 次 表面 散射 泻 染 Ty 


4 图 18.4 ”次 表面 散射 。 左边: 次 表 男 ee 如 果 这 些 距 离 值 小 于 需要 被 着 色 的 像素 
大 小 ， 那 么 泻 染 就 可 以 完全 在 局 部 完成 ( 右边 )。 否 则 ， 就 需要 使 用 次 表面 散射 泻 染 技 术 


我 们 下 面 的 内 容 均 建 立 在 不 考虑 次 表面 散射 的 距离 ， 而 完全 使 用 局 部 着 色 演 染 的 前 提 下 。 
18.1.2 ”双向 反射 分 布 函数 ( BRDF 


在 了 解 了 上 面 的 理论 基础 后 ， 我 们 现在 来 学 习 如 何 用 数学 表达 式 来 表示 上 面 的 光照 模型 。 这 
意味 着 ， 我 人 ee 

我 们 可 以 用 辐射 率 (radiance) 来 量化 光 。 辐 射 率 是 单位 面积 、 单 位 方向 上 光源 的 辐射 通 量 ， 
通常 用 工 来 表示 ， 被 认为 是 对 单一 光线 的 亮度 和 颜色 评估 。 在 泻 染 中 ， 我 们 通常 会 基于 表面 的 入 
射 光线 的 入 射 辐射 率 L 来 计算 出 射 辐射 率 L,，， 这 个 过 程 也 往往 被 称 为 是 着 色 〈shading) 过 程 。 
而 要 得 到 出 射 辐射 率 L,， 我 们 需要 知道 物体 表面 一 点 是 如 何 和 光 进 行 交 互 的 。 而 这 个 过 程 就 可 
以 使 用 BRDF (Bidirectional Reflectance Distribution Function， 中 文 名 称 为 双向 反射 分 布 函数 ) 来 
定量 分 析 。 大 多 数 情况 下 ，BRDF 可 以 用 JE 来 表示 ， 其 中 工 为 入 射 方向 和 v 为 观察 方向 〈 双 向 的 
含义 )。 这 种 情况 下 , 绕 着 表面 法 线 旋 转 入 射 方向 或 观察 方向 并 不 会 影响 BRDF 的 结果 ,这 种 BRDF 
被 称 为 是 各 项 同性 〈isotropic) 的 BRDF。 与 之 对 应 的 则 是 各 向 异性 (anisotropic) 的 BRDF。 

那么 ，BRDF 到 底 表 示 的 含义 是 什么 呢 ? BRDF 有 两 种 理解 方式 一 一 第 一 种 理解 是 ， 当 给 
入 射 角度 后 ， BRDEF 可 以 给 出 所 有 出 射 方向 上 的 反射 和 散射 光线 的 相对 分 布 情况 ; 第 二 种 理解 是 ， 
当 给 定 观察 方向 〈 即 出 射 方向 ) 后 ，BRDF 可 以 给 出 从 所 有 入 射 方 向 到 该 出 射 方向 的 光线 分 布 。 
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一 个 更 直 


观 的 理解 是 ， 当 一 束 光 线 沿 着 入 射 方向 工 到 达 表 画 


反射 等 式 实际 上 是 演 染 方程 的 一 个 特殊 性 
来 有 些 复杂 ,但 很 好 理解 ， 即 
昌 射 率 积分 乘 以 它 的 BRDF 值 KLv)， 昨 
难以 理解 ， 我 们 使 ) 
已 知 到 该 点 的 观察 方 同 ， 该 点 的 出 射 加 
中 ，BRDF 表示 了 不 同方 向 的 入 射 ? 
率 (L(D 部 分 ) 乘 以 观察 方向 上 所 占 的 权 习 
部 分 )， 最 后 再 把 这 些 值 加 起 来 〈 即 


量 被 反射 到 了 观察 方向 v 上 。 
据 此 ， 我 们 给 出 基于 物理 


有 =| ADxnODa:Ddw 


况 ， 但 它 是 基于 物理 


] 更 简单 的 方式 来 理解 。 
盏 射 率 是 


在 游戏 泻 染 ! 
所 有 入 射 光线 在 
常见 的 点 
的 最 大 的 好 处 在 于 
阅读 参考 文献 [1] )， 直 接 给 出 结论 ， 即 对 于 一 个 精确 


导 
光源 、 聚 


某 个 观察 方向 v 上 


改 积分 ) 就 是 最 后 的 蝇 


给 定 观 察 视角 v， 该 方向 上 的 出 射 


下 乘 以 一 个 余弦 值 ma:D 。 包 


的 入 射 辐射 率 受 加 后 的 结果 。 其 


分 布 。 我 们 把 这 些 不 同方 向 


茶点 时 ，ALVY) 表 示 了 有 多 少 部 分 的 能 


泻 染 的 技术 中 ， 第 一 个 重要 的 等 式 一 一 反射 等 式 《reflection equation): 


基础 的 。 尽 管 上 面 的 式 子 看 起 
再 射 率 L(Y) 等 于 所 有 入 射 方向 的 
H 果 积分 的 概念 对 某 些 读者 来 说 
想象 我 们 现在 要 计算 表面 上 某 点 的 出 射 
1 从 许多 不 同方 向 和 
《在 该 观察 方向 上 的 权 习 


画 射 率 ， 我 们 


的 光 辐 射 


CAKLV 部 分 )， 再 乘 以 它们 在 该 表面 的 投影 结果 
H 射 辐射 率 。 


(nD 


， 我 们 通常 是 和 一 些 精确 光源 (punctual light sources) 打交道 的 ， 而 不 是 计算 


口 人 人 


而 上 的 入 刀 。 
灯 等 。 我 们 使 用 


精确 光源 指 的 是 那些 方向 有 


， 我 们 可 以 大 大 简化 上 面 的 反射 等 式 。 


这 里 


的 出 射 辐射 率 : 


外 定 、 大 小 为 无 线 小 的 光源 ， 例 如 ， 
I 来 表示 它 的 方向 ， 使 用 cuww 表 示 它 的 颜色 。 使 
省 略 推导 过 程 《 有 兴 


精确 光源 
的 读者 可 以 


光源 ， 我 们 可 以 使 用 


DCVD= 友 LV)xcwwan' ID) 


和 之 前 
操作 ， 这 大 大 简化 了 计算 。 如 果 场 景 ! 
十 算 ， 然 后 把 它们 的 结果 相 加 即 可 。 
掉 ， 我 们 来 看 一 下 反射 等 式 ! 


子 进行 


使 用 


决定 了 着 色 过 程 是 


律 (reciprocity)〉 和 能 量 守 恒 (energy conservation ) 。 


交换 律 要 求 当 交 换 工 和 v 的 值 后 ，BRDF 的 从 


职 分 形式 的 原始 反射 等 式 相 比 ， 上 面 的 式 子 使 
包含 了 多 个 精确 光源 ， 我 们 可 以 把 它们 分 别 代 入 上 


的 重要 组 成 部 分 


否 是 基于 物理 的 。 这 可 以 


各 旦 全 


不 变 ， 
ALW=fvD 


而 能 量 守恒 则 


VL， 


基于 这 些 理论 


里 现 象 : 表面 反射 和 次 表面 散射 。 针 对 每 种 现象 ， 


四 反射 


] 于 描述 


Ns 


所 示 。 
18.1.3 


漫 反射 项 
我 们 之 前 所 学 习 的 Lambert 模型 就 是 


个 单独 
的 部 分 被 称 
次 表面 散射 的 漫 反射 项 (diffuse term), 如 图 


要 求 表 面 反射 的 能 量 不 能 超过 入 射 的 


上 Ja:.Ddw 入 1 

，BRDF 可 以 用 于 描述 两 种 不 同 的 物 
BRDF 
的 部 分 来 描述 它们 用 于 描述 表 
以 及 
18.5 


为 高 光 反 射 项 (specular term )， 


一 个 特定 的 BRDF 住 


F 面 的 等 式 来 计算 它 在 


识 分 


来 代 关 


的 式 


BRDF 是 如 何 得 到 的 。 可 以 看 出 ,，BRDF 


即 


| BRDF 是 否 满足 两 个 特性 来 } 


间断 ， 它 是 否 满足 交换 


18.5 ”BRDF 描述 的 两 种 


疯 象 。 高 光 反 射 部 分 


摘 述 反射 ， 漫 


最 简单 、 


Lambertian BRDF 的 表示 为 : 


反射 部 分 


最 广泛 的 漫 反 射 BRDF。 准 


外 散射 


描述 次 去 


确 的 
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C diff 
fiaibs (L, V) 二 


其 中 ，cur 表 示 漫 反射 光线 所 占 的 比例 ， 它 也 通常 被 称 为 是 漫 反 射 颜色 〈diffuse color)。 与 我 
们 之 前 讲 过 的 Lambert 光照 模型 不 太一 样 的 是 ， 上 面 的 式 子 实际 上 是 一 个 定 值 ， 我 们 常见 到 的 余 
弦 ( 即 nm:D〉 因 子 部 分 实际 是 反射 等 式 的 一 部 分 ， 而 不 是 BRDF 的 部 分 。 上 面 的 式 子 之 所 以 要 除 
以 x， 是 因为 我 们 假设 漫 反 射 在 所 有 方向 上 的 强度 都 是 相同 的 ， 而 BRDF 要 求 在 半球 内 的 积分 值 


为 1。 因 此 ， 给 定 入 射 方向 工 的 光源 在 表面 某 点 的 出 射 漫 反射 辐射 率 为 : 
Ly = xL Dn:D) 


nT 
Lambert 模型 虽然 简单 ， 但 很 多 基于 物理 的 演 染 选择 使 用 了 更 复杂 的 漫 反 射 项 来 模拟 次 表 再 
散射 的 结果 。 例 如 ， 在 Disney 使 用 的 BRDF[2] 中 ， 它 的 漫 反 射 项 为 : 


far LV) = PEO (1 4 (Fow -Dd-n:D5)d4+(P -DI—n.v)’) 


其 中 ，Fpoo=0.5+2roughness(h- 了 D)” 

在 Disney 的 实现 中 ，pbaseColor 是 表面 颜色 ， 通常 由 纹理 采样 得 到 ，roughness 是 表面 的 粗糙 
度 。 上 面 的 漫 反 射 项 既 考虑 了 在 掠 射 角 〈glancing angles) 漫 反射 项 的 能 量变 化 ， 还 考虑 了 表面 的 
粗糙 度 对 漫 反 射 的 影响 。 而 上 面 的 式 子 也 正 是 Unity 5 内 部 使 用 的 漫 反 射 项 。 


18.1.4 高 光 反 射 项 


在 现实 生活 中 ， 几 乎 所 有 的 物体 都 或 多 或 少 有 高 光 反 射 现象 。John Hable 在 他 的 文章 中 就 强 
调 了 Everything is Shiny。 但 在 许多 传统 的 shader 中 ， 很 多 材质 只 考虑 了 漫 反 射 效果 ， 而 并 没有 
添加 高 光 有 反射， 这 使 得 泻 染 出 来 的 画面 并 不 那么 真实 可 信 。 在 基于 物理 的 泻 染 中 ，BDRF 中 的 高 
光 反 射 项 大 多 数 都 是 建立 在 微 面 元 理论 “microfacet theory) 的 假设 上 的 。 微 面 元 理论 认为 ， 物 
体 表面 实际 是 由 许多 人 眼看 不 到 的 微 面 元 组 成 的 ， 虽 然 物 体 表面 并 不 是 光学 平滑 的 ， 但 这 些微 本 
元 可 以 被 认为 是 光学 平滑 的 , 也 就 是 说 它们 具有 完美 的 高 光 反 射 。 当 光线 和 物体 表面 一 点 相交 时 ， 
实际 上 是 和 一 系列 微 面 元 交互 的 结果 。 正如 我 们 在 18.1.1 节 中 看 到 的 , 当 光 和 这 些微 面 元 相交 时 ， 
光线 会 被 分 割 成 两 个 方向 反射 方向 和 折射 方向 。 这 里 我 们 只 需要 考虑 被 反射 的 光线 ， 而 折射 
光线 已 经 在 之 前 的 漫 反 射 项 中 考虑 过 了 。 当 然 ， 微 面 元 理论 也 仅仅 是 真实 世界 的 散射 的 一 种 近似 
里 论 ， 它 也 有 自身 的 缺陷 ， 仍 然 有 一 些 材质 是 无 法 使 用 微 面 元 理论 来 描述 的 。 

假设 表面 法 线 为 nm， 这 些微 面 元 的 法 线 m 并 不 都 等 于 nm， 因 此 ， 不 同 的 微 面 元 会 把 同一 入 射 
方向 的 光线 反射 到 不 同 的 方向 上 。 而 当 我 们 计算 BRDF 时 ， 入射 方 向 I 和 观察 方向 v 都 会 被 给 定 ， 
这 意味 着 只 有 一 部 分 微 面 元 反射 的 光线 才 会 进入 到 我 们 的 眼睛 中 ， 这 部 分 微 面 元 会 恰好 把 光线 反 
射 到 方向 V 上 , 即 它们 的 法 线 m 等 于 I 和 vy 的 一 半 , 也 就 是 我 们 一 直 看 到 的 半角 度 矢 量 hChalf-angle 
vector， 也 被 称 为 half vector)， 如 图 18.6 (a) 所 示 。 

然而 ， 这 些 m=h 的 微 面 元 反射 也 并 不 会 全 部 添加 到 BRDF 的 计算 中 。 这 是 因为 ， 它 们 其 ! 
一 部 分 会 在 入 射 方 向 I 上 被 其 他 微 面 元 挡住 (shadowing)， 如 图 18.6 (b) 所 示 ， 或 是 在 它们 的 反 
射 方向 v 上 被 其 他 微 面 元 挡住 了 〈masking)， 如 图 18.6(c) 所 示 。 微 面 元 理论 认为 ， 所 有 这 些 被 
遮挡 住 的 微 面 元 不 会 添加 到 高 光 反 射 项 的 计算 中 《实际 上 它们 中 的 一 些 由 于 多 次 反射 仍然 会 被 我 
们 看 到 ， 但 这 不 在 微 面 元 理论 的 考虑 范围 内 )。 
基于 微 面 元 理论 的 这 些 假 设 ，BRDF 的 高 光 反 射 项 可 以 用 下 面 的 形式 来 表示 : 

fo LW)= F(,h)G(, v,h)Dh) 
4(n,Dmn:v) 


m=h 1 m=h 1! 1 m=h 1 
m=h 
V 了 v 次 7 
人 
Lv 一 一 
Qa (b) 


) ”那些 m=h 的 微 下 
元 会 在 


的 微 本 


冬 | 


A 


18.6(a 
一 部 分 满足 


a 
元 会 | 


合 好 把 入 射 光 从 | 反射 至 


(0) 


WE 居 


这 部 分 微 下 


元 才 可 以 添加 到 BRDF 


(a ) 的 微 下 


| 方向 上 被 


他 微机 


元 遮挡 住 ， 它 们 


满足 (a 


元 会 在 


元 会 把 多 少 入 射 光线 反射 至 


活 ! 


看 到 一 些 这 村 


Fresnel : 


元 


观 


但 


大 


数 GGLvh) 也 有 很 多 相关 工作 被 提 了 日 
使 用 光学 测量 仪器 测 
尽管 存在 很 多 基于 物理 


实际 ] 


大 


子 。 


er An 


吊 加 


上 Blinn-Phong 模型 # 


量 出 来 的 真实 物 


单 的 模型 ， 


反射 方向 vy 上 被 


它 使 


他 微 


元 挡 


口 
不 会 接受 到 光照 ， 因 此 会 形成 阴影 。( 
住 ， 因 此 ， 这 部 分 反射 光 也 不 会 被 


it 是 著名 的 Torrance-Sparrow 微 面 元 模型 [3]。 上 国 
各 个 项 对 应 了 我 们 之 前 讲 到 8 
function，NDF)， 它 用 于 计算 有 多 少 比 例 的 
线 从 I 方向 反射 到 v -| 
那些 满足 m=h 的 微 面 
(active microfacets) 所 占 的 浓度 ， 只 有 活跃 的 微 


微 面 元 的 法 
上 EF。G(Lv,h) 是 阴影 一 遮掩 函数 《shadowing-masking function )， 
9 多少 会 由 于 遮挡 而 不 会 
下 元 才 会 成 
则 是 这 些 活跃 微 面 元 的 菲 涅 尔 反射 《Fresnel reflectance) 函 
I 观察 方向 上 ， 即 表示 了 反射 光线 


到 


的 计算 中 。(b) 
Cc ) 还 有 一 部 分 


的 式 子 看 起 来 难 


以 理解 ， 实 际 上 其 


的 


6 不 同 现象 。D( 和 是 微 面 元 的 法 线 分 布 函数 Cnormal 


distribution 


线 满 足 m=h， 只 有 这 部 分 微 


被 人 眼看 到 ， 因 此 它 给 出 了 活 


元 才 会 把 光 


它 用 于 计算 
跃 的 微 面 元 


功 地 把 光线 反射 到 观察 方向 上 。F(Lh) 
数 ， 它 可 以 告诉 我 们 每 个 活跃 的 微 孟 


占 入 射 光 线 


几乎 所 有 的 物体 都 会 表现 出 菲 涅 耳 现 象 ， 读 者 可 以 在 
的 例子 。 最 后 ， 分 母 4(n. Dn VV) 是 用 于 校 
面 数量 差异 的 校正 

这 些 不 同 的 部 分 又 可 以 衍生 出 
模型 [7] 就 是 一 种 非 


此 ， 很 多 更 加 复杂 的 分 布 函数 被 提 了 出 来 ， 例 如 GGX[3]、Beckmann[4] 等 。 


ES 
/ 远 、 


篇 很 有 意思 的 文章 


的 比率 。 事 实 上 ， 现 实生 
Everything has 


物体 的 微 画 


E 从 微 面 元 的 局 部 空间 到 整体 


很 多 不 同 的 BRDF 实现 。 例 如 ， 我 们 之 前 学 习 的 Blinn-Phong 
] 的 法 线 分 布 函数 D(h) 为 : 
Dri (h) = hh) 


不 能 真实 地 反映 很 多 真实 世界 ! 元 法 线 反 射 分 布 ， 


同样 ， 


来 ， 例 如 Smith 模型 [61]。 这 些 数学 模型 都 是 为 了 更 力 
体 的 反射 分 布 数据 。 


的 BRDF 模型 ， 但 在 真实 的 电影 或 游戏 制作 ， 


， 我 们 希望 在 直观 


[接近 


性 和 


物理 可 信和 度 之 间 找 到 一 个 平衡 点 ， 使 得 实现 的 BRDF 既 可 以 让 美工 人 员 直 观 地 调节 各 个 参数 ， 而 


又 有 


定 的 物理 可 信和 度 。 当 然 ， 有 时 


BRDF 可 


18.1.5 Unity 中 的 PBS 实现 


台 忆 
月 个 


是 严格 基于 
在 下 面 的 内 容 中 ， 我 们 


物理 原理 的 。 


医 为 了 满足 直观 性 我 们 不 


给 出 Unity 5 使 用 的 实现 。 


4 旦 


得 不 牺牲 


一 定 的 物理 特性 ， 


导 到 的 


在 之 前 的 内 容 中 , 我 们 提 到 了 Unity 5 的 PBS 实际 上 是 受 Disney 的 BRDF[2] 的 启发 。 这 种 BRDF 


最 大 的 好 处 之 一 就 是 很 直观 , 只 需要 提供 
染 绝 大 部 分 常见 的 材质 。 我 们 可 以 在 Unity 内 置 的 UnityStandardBRDFcginc 文 


总 体 来 说 ，Unity 5 


一 化 的 Blinn 一 Phong 模型 的 。 这 两 种 模型 使 用 
D(h) 和 阴影 一 遮掩 函数 G(Lv,h)。 在 默认 情况 1 


实现 基 了 


物理 


的 泻 染 《尽管 很 多 引擎 选择 


如 前 面 所 讲 ，Unity 使 用 


一 个 万 能 的 shader 就 可 以 让 美工 人 员 通 


下 ，Unity 


的 BRDF 


使 用 GGX 模型 
的 漫 反 射 项 使 


5 使 用 基于 归 
六 
| 的 公式 如 下 : 


过 调整 少量 参数 来 演 
牛 中 找到 它 的 实现 。 

一 共 实 现 了 两 种 PBS 模型 。 一 种 是 基于 GGX 模型 的 ， 另 一 种 则 是 基于 归 
了 不 同 的 公式 来 计算 高 光 反 射 : 


项 中 的 法 线 分 布 函数 
一 化 后 的 Blinn-Phong 模型 来 
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fiy HW = EE (+(Fow Dn D+ (Fon Dn 
其 中 ，Fpoo=0.5+2roughness(h- 了 D)” 
下 面 我 们 给 出 基于 GGX 模型 的 高 光 反 射 项 公式 。 对 于 基于 归 一 化 的 Blinn-Phong 模型 的 高 光 
反射 公式 ， 读 者 可 以 从 UnityStandardBRDF.cginc 文件 找到 它们 的 实现 。 
Unity 对 高 光 反 射 项 中 的 法 线 分 布 函数 DU) 采 用 了 GGX 模型 的 一 种 实现 : 


2 
a 


Doox = 2 7 
T(0 -Dn:h), +1) 


其 中 ，Q=roughness” 
阴影 -遮掩 函数 G(Lv,h) 则 使 


Gl(l,v,h) = 


出 的 Smith-Schlick 模型 : 


了 一 种 由 GGX 入 4 


过 


1 
(nD(1—k)+K(n: Vv)(1-R)+K) 


其 中 ,大 =- roughness” 
» > 2 


而 菲 涅 耳 反 射 FGL 则 使 用 了 图 形 学 中 经 常 使 用 的 Schlick 菲 涅 耳 近 似 等 式 [7]: 
FADD)=Fo+(1-—FO(-1:h)’ 
其 中 表示 高 光 反 射 系数 ， 在 Unity 中 往往 指 的 就 是 高 光 反 射 颜色 。 

上 面 的 公式 对 于 某 些 读者 来 说 可 能 星 涩 难 懂 ， 实 际 上 ， 这 些 数 学 大 多 来 源 于 对 真实 世界 中 各 
种 物体 的 BRDF 的 分 析 ， 再 使 用 不 同 的 数学 模型 进行 逼近 。 如 果 读 者 想 要 深入 了 解 基于 物理 的 演 
染 的 数学 原理 和 应 用 的 话 ， 可 以 参 由 本 章 的 扩展 阅读 部 分 。 
幸运 的 是 , 在 Unity 中 我 们 不 需要 自己 在 shader 中 实现 上 面 的 公式 ，Unity 已 经 为 我 们 提供 了 
现成 的 基于 物理 着 色 的 shader; 也 就 是 Standard Shader。 


| Unity 5 的 Standard Shader 


当 我 们 在 Unity 5 中 新 创建 一 个 模型 或 是 新 创建 一 个 材质 时 ， 其 默认 使 用 的 着 色 器 都 是 一 个 
名 为 Standard 的 着 色 器 。 这 个 Standard Shader 就 使 用 了 我 们 之 前 所 讲 的 基于 物理 的 演 染 。 

Unity 支持 两 种 流行 的 基于 物理 的 工作 流程 : 金属 工作 流 (Metallic workflow) 和 高 光 反 射 工 
作 流 《Specular workflow)。 其 中 ， 人 金属 工作 流 是 默认 的 工作 流程 ， 对 应 的 Shader 为 Standard 
Shader。 而 如 果 想 要 使 用 高 光 反 射 工作 流 , 就 需要 在 材质 的 Shader 下 拉 框 中 选择 Standard(Specular 
setup )。 需 要 注意 的 是 ， 通 常 来 讲 ， 使 用 不 同 的 工作 流 可 以 实现 相同 的 效果 ， 只 是 它们 使 用 的 参 
数 不 同 而 已 。 金 属 工 作 流 也 不 意味 着 它 只 能 模拟 金属 类 型 的 材质 ， 人 金属 工作 流 的 名 字 来 源 于 它 定 
义 了 材质 表面 的 金属 值 (是 金属 类 型 的 还 是 非 金属 类 型 的 )。 高 光 反 射 工作 流 的 名 字 来 源 于 它 可 以 
直接 指定 表面 的 高 光 反 射 颜色 (有 很 强 的 高 光 反 射 还 是 很 弱 的 高 光 反 射 》 等 ， 而 在 金属 工作 流 ! 
这 个 颜色 需要 由 漫 反 射 颜 色 和 金属 值 衍 生 而 来 。 在 实际 的 游戏 制作 过 程 中 ， 我 们 可 以 选择 自己 
篇 好 的 工作 流 来 制作 场景 ， 这 更 多 的 是 个 人 喜好 的 问题 。 当 然 也 可 以 同时 混用 两 种 工作 流 。 

在 下 面 的 内 容 中 ， 我 们 用 Standard Shader 来 统称 Standard 和 Standard (Specular setup〉 着 色 器 。 
Unity 提供 的 Standard Shader 允许 让 我 们 只 使 用 这 一 种 shader 来 为 场景 中 所 有 的 物体 进行 着 色 ， 而 不 

需要 考虑 它们 是 否 是 金属 材质 还 是 塑料 材质 等 ， 从 而 大 大 减少 我 们 不 断 调整 材质 参数 所 花费 的 时 间 。 


18.2.1 ”它们 是 如 何 实现 的 
Standard 和 Standard (Specular setup ) 的 Shader 源 代码 可 以 在 Unity 内 置 的 builtin_shaders-5.x/ 
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DefaultResourcesExtra 文件 夹 中 找到 ， 这 些 shader 依赖 于 builtin_shaders-5.x/CGIncludes 文件 夹 中 
定义 的 一 些 头 文件 。 这 些 相关 的 头 文件 的 名 称 大 多 类 似 于 UnityStandardXXX.cginc， 其 中 定义 了 
和 PBS 相关 的 各 个 函数 、 结 构 体 和 宏 等 。 表 18.1 列 出 了 这 些 头 文 件 的 名 称 以 及 它们 的 主要 用 处 。 


表 18.1 
文 件 描 ” 述 


定义 了 表面 着 色 器 使 用 的 标准 光照 函数 和 相关 的 结构 体 等 , 如 LightingStandardSpecular 
函数 和 SurfaceOutputStandardSpecular 结构 体 


UnityPBSLighting.cginc 


定义 了 Standard 和 Standard (Specular setup) Shader 使 用 的 顶点 / 片 元 着 色 器 和 相关 的 结 
UnityStandardCore.cginc 构 体 、 辅 助 函数 等 , 如 vertForwardBase、 fragForwardBase、MetallicSetup、SpecularSetup 
函数 和 VertexOutputForwardBase、FragmentCommonData 结构 体 


实现 了 Unity 中 基于 物理 的 泻 染 技 术 ， 定 义 了 BRDF1_Unity_PBS、BRDF2_Unity_PBS 


i dBRDF cgi A 
Umstead Ceme 和 BRDF3_Unity_PBS 等 函数 ， 来 实现 不 同 平台 下 的 BRDF 


声明 了 Standard Shader 使 用 的 相关 输入 ， 包 括 shader 使 用 的 属性 和 顶点 着 色 器 的 输入 
UnityStandardInput.cginc 结构 体 VertexInput， 并 定义 了 基于 这 些 输入 的 辅助 函数 ， 如 TexCoords、Albedo、 
Occlusion、SpecularGloss 等 函数 
UnityStandardUtils.cginc Standard Shader 使 用 的 一 些 辅助 函数 ， 将 来 可 能 会 移 到 UnityCG:cginc 文件 中 


对 Standard Shader 的 相关 配置 ， 例 如 默认 情况 下 关闭 简化 版 的 PBS 实现 (将 
UnityStandardConfig.cginc UNITY_STANDARD_SIMPLE 设 为 0)， 以 及 使 用 基于 归 一 化 的 Blinn-Phong 模型 而 非 
GGX 模型 来 实现 BRDF (将 UNITY_BRDF_GGX 设 为 0) 


定义 了 Standard Shader 中 “LightMode” 为 “Meta” 的 Pass《〈 用 于 提取 光照 纹理 和 全 局 
光照 的 相关 信息 ) 使 用 的 顶点 / 片 元 着 色 器 ， 以 及 它们 使 用 的 输入 /输出 结构 体 


定义 了 Standard Shader 中 “LightMode” 为 “ShadowCaster” 的 Pass〈 用 于 投射 阴影 ) 
使 用 的 顶点 / 片 元 着 色 器 ， 以 及 它们 使 用 的 输入 /输出 结构 体 


UnityGloballllumination.cginc | 定义 了 和 全 局 光照 相关 的 函数 ， 如 UnityGloballllumination 函数 


UnityStandardMeta.cginc 


UnityStandardShadow.cginc 


我 们 可 以 打开 Standard.shader 和 StandardSpecular.shader 文件 来 分 析 Unity 是 如 何 实现 基于 物 
里 的 泻 染 的 。 总 体 来 讲 ， 这 两 个 shader 的 代码 基本 相同 它们 都 定义 了 两 个 SubShader， 第 一 
个 SubShader 使 用 的 计算 更 加 复杂 ， 主 要 针对 非 移 动 平台 (通过 #pragma exclude_renderers gles 代 
码 来 排除 GLES 平台 )，， 并 定义 了 前 向 泻 染 路 径 和 延迟 演 染 路 径 使 用 的 Pass， 以 及 用 于 投射 阴影 
和 提取 元 数据 的 Pass; 第 二 个 SubShader 定义 了 4 个 Pass， 其 中 两 个 Pass 用 于 前 向 泻 染 路 径 ， 
个 Pass 用 于 投射 阴影 ， 另 一 个 Pass 用 于 提取 元 数据 ， 该 SubShader 主要 针对 移动 平台 。 
Standard.shader 和 StandardSpecular.shader 最 大 的 不 同 之 处 在 于 ， 它 们 在 设置 BRDF 的 输入 时 使 用 
了 不 同 的 函数 来 设置 各 个 参数 基于 金属 工作 流 的 Standard Shader 使 用 MetallicSetup 函数 来 设 
置 各 个 参数 ， 基 于 高 光 反 射 工 作 流 的 Standard (Specular setup ) Shader 使 用 SpecularSetup 函数 来 
设置 。MetallicSetup 和 SpecularSetup 函数 均 在 UnityStandardCore.cginc 文件 中 被 定义 。 图 18.7 给 
出 了 Standard Shader 中 用 于 前 向 泻 染 路 径 的 典型 实现 ， 这 是 由 对 内 置 文件 的 分 析 所 得 。 

从 图 18.7 中 可 以 看 出 ,两 个 Pass 的 代码 大 体 相同 ,只 是 ForwardBase Pass 进行 了 更 多 的 光照 
计算 例如， 计算 全 局 光照 、 自 发 光 等 效果 ， 这 些 计算 只 需要 在 物体 的 整个 演 染 过 程 中 计算 一 次 
即 可 ， 因 此 不 需要 在 FarwardAdd Pass 中 再 计算 一 次 ， 这 与 我 们 之 前 学 习 前 向 泻 染 时 的 经 验 一 致 。 


以 


一 | 


18.2.2 ”如 何 使 用 Standard Shader 

我 们 之 前 提 到 ，Unity 5 的 Standard Shader 适用 于 各 种 材质 的 物体 ,但 是 ,我 们 应 该 如 何 使 用 
Standard Shader 来 得 到 不 同 的 材质 效果 呢 ? 

我 们 首先 来 回答 一 个 问题 ， 为 什么 不 同 的 材质 看 起 来 是 如 此 不 同 呢 ? 这 需要 回顾 我 们 在 18.1 
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节 讲 到 的 内 容 。 我 们 知道 ， 材 质 和 光 的 交互 可 以 分 成 漫 反射 和 高 光 反 射 两 个 部 分 ， 其 中 漫 反射 对 
应 了 次 表面 散射 的 结果 ， 而 高 光 反 射 则 对 应 了 表面 反射 的 结果 。 通 过 对 金属 材质 和 非 金属 材质 的 
分 析 ， 我 们 可 以 得 到 它们 的 漫 反 射 和 高 光 反 射 的 一 些 特点 。 


We 


ForwardBase Pass 


顶点 着 色 器 
vertForwardBase 
(UnityStandardCore.cginc) 


| | 


| 


片 元 着 色 器 
fragForwardBase 
(UnityStandardCore.cginc) 


Vertexlnput 
(UnityStandardInput.cginc) 


VertexOutputForwardBase > 
(UnityStandardCore.cginc) 


计算 VertexOutputForwardBase 中 的 各 个 变量 值 ， 1. 使 用 SpecularSetup 或 Metalicsetup 等 画 数 来 填充 BRDF 的 输入 结构 
如 顶点 位 置 pog、 纹 于 坐标 tex、 视角 位 轩 人 SNCopnmongstoie 刷 光 了 
eyeVec、 阴 影 坐 标 等 。 计算 主 光源 、 阴 影 、 遮 挡 、 全 局 光照 等 信息 ， 为 调用 BRDF 做 准备 ; 
3. 调用 UNITY_BRDF_PBS 函 数 (在 UnityPBSLighting. cginc 文 件 中 被 定 
义 ) 人 二 和 全 下 
4. 调用 UNITY_BRDF_GI 函 数 (在 UnityPBSLighting.cginc 文 件 中 被 定 
义 ) 添加 全 局 光照 的 泻 染 结果 ; 
5. 添加 自发 光 效果 ; 
6. 添加 雾 效 模拟 各 果 开 局 的 话 ) 
7. 返回 最 后 的 像素 值 
ForwardAdd Pass 
顶点 着 色 器 片 元 着 色 器 
| Vertexlnput _ vertForwardAdd VertexOutputForwardAdd ci fragForwardAdd 
(UnityStandardInput.cginc) (UnityStandardCore.cginc) (UnityStandardCore.cginc) (UnityStandardCore.cginc) 
| | 
二 | 到 
计算 VertexOutputForwaifdAdd 中 的 各 个 变量 值 ， 如 使 用 SpeculorSetup 区 MerallicSetup 等 西数 填充 BRDF 的 输入 结构 
he Es ry 你 5'Q mentCommonData; 
本 宫 你 时 Re、 纹 允 人 村 texy 说 六 位 量 eyeXec、 2. 计算 光源 和 阴影 等 信息 ， 为 调用 BRDF 做 准备 ; 
3. 调用 UNITY_BRDF PBS (在 UnityPBStighting.cginc 文 件 中 被 定义 ) 函 
数 计算 于 物理 的 泻 染 结 
4. 添加 雾 效 模拟 (如 果 开 启 的 话 ) ; 
5. 返回 最 后 的 像素 值 。 
4 图 18.7 Standard Shader 中 前 向 泻 染 路 径 使 用 的 Pass ( 简化 版 本 的 PBS 使 用 了 Vertex0utputBaseSimple 等 结构 体 来 代 


蔡 相应 的 结构 体 ) 
1. 金属 材质 


。 几乎 没有 漫 反 射 ， 因 为 所 有 被 吸收 的 光 都 会 被 自由 电子 立刻 转化 为 其 他 形式 的 能 量 ; 
。 有 非常 强烈 的 高 光 反 射 ; 
。 高 光 反射 通常 是 有 颜色 的 ， 例 如 金子 的 反光 颜色 为 黄色 。 


2. 非 金属 材质 
。 大 多 数 角度 高 光 反 射 的 强度 比较 弱 ,， 但 在 掠 射 角 时 高 光 反 射 强度 反而 会 增强 , 即 菲 涅 耳 现象 ; 
。 高 光 反 射 的 颜色 比较 单一 ; 二 


。 漫 反射 的 颜色 多 种 多 样 。 

但 真实 的 材质 大 多 混合 了 上 面 的 这 些 特性 ， 
Unity 提供 的 工作 流 就 是 为 了 更 加 方便 地 让 我 们 针 
对 以 上 特性 来 调整 材质 效果 。 在 Unity 官方 提供 的 
示例 项 目 Shader Calibration Scene (https://www. 
assetstore.unity3d.com/en/#!/content/25422 ) 中 , Unity 
提供 了 两 个 非常 有 参考 价值 的 校准 表格 , 如 图 18.8 
所 示 , 它们 分 别 对 应 了 金属 工作 流 和 高 光 反 射 工 -- 
作 流 使 用 的 参考 属性 值 ， 来 方便 我 们 针对 不 同类 。 图 188 Unity 提供 的 校准 表格 。 左 边 ， 爹 属 工作 
型 的 材质 来 调整 参数 。 读 者 也 可 以 在 本 书 资源 的 ”使 用 的 校准 表格 ， 右 边 : 高 光 反 射 工作 流 使 用 的 校准 表格 


D9%%%% 


六 
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Assets/Textures/Chapter18/Charts 文件 夹 找到 这 两 张 校准 表格 。 


我 们 以 图 18.8 的 左 图 ， 即 金属 工 


作 流 使 / 


此 导 我 们 调整 材质 。 在 本 书 资源 的 场景 文件 Scene_18_2 中 , 我 们 提供 


j 的 校准 表格 为 例 ,来 解释 如 何 使 


j 这 张 校准 表格 来 


了 


同 材质 的 结果 。 图 18.9 显示 了 场景 结 


Project Setttings 一 Player 一 Other Settings 一 Color Space 


以 及 物体 使 ) 


] 的 材质 。 需 要 注意 的 是 ， 读 下 


个 简单 的 场景 来 展示 不 


全 


天 为 基于 物理 的 泻 染 需 


要 


中 


线性 


效果 ， 这 是 


| 入 


全 区 | 


作 流 来 实现 不 


18.9 使 用 金属 


在 金属 工作 流 ! 


， 材 质 面板 中 的 Albedo 定义 了 物体 的 整体 颜色 ， 它 通 


同类 型 的 材质 。 左 边 的 球体 : 金属 


的 物体 颜色 。 从 亮度 来 看 ， 非 金属 材质 的 亮度 范围 通常 在 50 一 243 之 间 ， 而 


186 255 之 间 。Unity 给 的 校准 


Albedo 设 为 银灰 色 ， 而 把 塑料 材质 ( 


格 ( 见 图 18.8 中 的 左 图 ) 中 还 给 出 了 一 些 非 
用 的 示例 Albedo 属性 值 ， 我 们 可 以 直接 使 用 这 些 示例 值 来 作为 材质 属性 。 当 然 ， 也 可 以 直接 使 用 
一 张 纹理 作为 材质 的 Albedo 值 。 在 我 们 的 例子 ! 


选择 Linear 才 可 以 得 到 和 图 
空间 《〈 详 见 18.3.4 节 ) 来 进行 相关 计算 。 


需要 在 Edit 一 
18.9 中 相同 的 


9 球体 : 塑料 材质 


常 就 是 我 们 视觉 上 认为 
属 材质 的 亮度 一 般 在 


， 我 们 把 金属 材质 (图 18 
18.9 中 的 右边 的 球体 ) 的 设 为 蓝 绿 


图 


金属 材质 和 金属 材质 使 


.9 中 的 左边 的 球体 ) 的 
色 。 材 质 面板 中 的 下 一 


个 属性 是 Metallic， 它 定义 了 该 物体 
张 纹理 来 采样 得 到 表面 的 Metallic 值 ， 


Mer 


用 看 起 来 是 否 更 像 金 属 或 非 金 属 。 同 


子 中 ， 我 们 把 金属 材质 的 Metallic 值 设 为 1， 表 明 该 物体 几乎 完全 是 一 个 金 
质 的 Metallic 值 设 为 0, 表 明 该 物体 几乎 没有 任何 金属 特性 。 最 


样 ， 我 们 也 可 以 使 用 


此 时 该 纹理 中 的 R 通道 值 将 对 应 了 Metallic 值 。 在 我 们 的 例 


属 材 质 ， 同 时 把 塑料 


百 一 个 重要 的 材质 属性 是 Smoothness， 


它 是 上 一 个 属 ! 


生 Metallic 的 附属 值 ， 


定义 了 从 视觉 上 来 看 该 表 


Metallic 属性 时 使 用 的 是 一 张 纹理 


表明 该 金属 


高 光 反 射 工作 流 使 用 的 面板 和 


， 那 么 这 张 纹理 的 A 通道 就 对 应 了 表面 的 
里 的 GB 通道 则 被 忽略 ), 在 我 们 的 例子 中 , 我 
四 比较 光滑 ， 而 把 塑料 材质 的 Smoothness 值 设 为 0.4， 


门 把 金属 材质 的 Smoothness 值 


上 述 金属 工作 流 使 用 的 基 


Albedo 属性 


并 使 用 Specular 代 蔡 了 上 述 的 Metallic 属性 。 


属性 定义 了 表面 的 漫 反射 强度 。 对 于 


对 于 金属 材质 ，Albedo 的 值 通常 非常 
属 ; 


象 )。 高 光 反 射 工作 流 的 Specular 
灰 度 值 范围 在 0 一 55 的 深 灰 色 来 作为 
通常 会 使 用 视觉 上 认为 的 该 金 


非 多 
接近 黑 


色 《〈 还 记得 吗 ， 金 


Smoothness， 它 定义 了 从 视觉 上 来 看 i 
一 张 纹 理 来 为 Specular 属性 赋值 ， 那 么 纹理 


Smoothness 属性 值 。 
上 述 材质 属 性 都 属于 材质 面板 ! 
包含 了 其 他 材质 属性 ， 例 如 ， 切 线 空 


玄 表 面 的 光滑 程度 。 和 上 


的 Main Maps 部 分 ， 除了 上 述 提 到 的 
间 下 的 法 线 纹理 、 


掉 的 光滑 程度 。 如 果 我 们 在 设置 


表明 该 塑料 表明 比较 粗糙 。 
本 相同 ， 只 是 使 用 了 不 同 含义 
在 高 光 反 射 工作 流 中 , 材质 
属 材质 ， 它 的 值 通常 仍然 是 视觉 上 认为 的 物体 颜色 ， 
属 材质 几乎 不 存在 次 表 务 
生 则 定义 了 表面 的 高 光 反 射 强度 。 非 金属 材质 
Specular 值 ， 表 明 非 金属 材质 的 高 光 反 射 较 弱 。 金 属 材 质 则 
属 的 颜色 作为 它 的 Specular 值 。Specular 属性 同样 也 有 一 个 子 
的 金属 工作 流 类 似 ， 如 果 使 用 
的 RGB 通道 对 应 了 Specular 属性 值 ，A 通道 对 应 了 


Smoothness 值 (此 时 纹 
设置 为 相对 较 大 的 0.7， 


的 
的 Albedo 
日 
散射 的 现 


个 


Me 


通常 使 用 


属性 
了 


属性 外 ，Main Maps 还 


遮挡 纹理 、 自 发 光 纹 理 等 。Main Maps 部 
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分 的 下 面 还 有 一 个 Secondary Maps 的 属性 部 分 ， 这 个 部 分 的 属性 是 用 来 定义 额外 的 细节 信息 ， 
这 些 细 节 通 常会 直接 绘制 在 Main Maps 的 上 面 ， 来 为 材质 提供 更 多 的 微 表 面 或 细节 表现 。 

除了 上 述 属性 ， 我 们 还 可 以 为 Standard Shader 选择 它 使 用 的 泻 染 模式 ， 即 材质 面板 上 的 
Render Mode 选 项 Standard Shader 文 持 4 种 演 染 模式 ,分 别 是 Opaque、Cutout、Fade 和 Transparent。 
，Opaque 用 于 泻 染 最 常见 的 不 透明 物体 ， 这 也 是 默认 的 泻 染 模式 。 对 于 像 玻 璃 这 样 的 材质 ， 
我 们 可 以 选择 Transparent 模式 ， 在 这 个 演 染 模式 下 ，Albedo 属性 的 A 通道 用 于 控制 材质 的 透明 
度 。 而 在 Cutout 泻 染 模式 下 ，Albedo 属性 中 纹理 的 A 通道 会 成 为 一 个 掩 码 纹理 ， 而 它 的 子 属性 
Alpha Cutoff 将 是 透明 度 测 试 时 使 用 的 阔 值 。Fade 模式 和 Transparent 模式 是 类 似 的 ， 不 同 的 是 ， 
在 Transparent 模式 下 ， 当 材质 的 透明 值 不 断 降低 时 ， 它 的 反射 仍然 能 被 保留 ， 而 在 Fade 模式 下 ， 
该 材质 的 所 有 泻 染 效果 都 会 逐渐 从 屏幕 上 淡出 。 

需要 注意 的 是 ， 尽 管 Standard Shader 的 材质 面板 有 许多 可 供 调节 的 属性 ， 但 我 们 不 用 担心 由 
于 没有 使 用 一 些 属性 而 会 对 性 能 有 所 影响 。Unity 在 背后 已 经 进行 了 高 度 优化 ， 在 我 们 生成 可 执 
行程 序 时 ，Unity 会 检查 哪些 属性 没有 被 使 用 到 ， 同 时 也 会 针对 目标 平台 进行 相应 的 优化 。 

从 上 面 的 内 容 可 以 看 出 ， 要 想得到 可 信和 度 更 高 的 泻 染 结果 ， 我 们 需要 对 不 同 材质 使 用 合适 的 
属性 值 ， 尤 其 是 一 些 重要 的 属性 值 ， 例 如 Albedo、Metallic 和 Specular。 当 然 ， 想 要 让 整个 场景 
的 演 染 结果 令 人 满意 ， 尤 其 包含 了 复杂 光照 的 场景 ， 仅 仅 有 这 些 使 用 了 PBS 的 材质 是 不 够 的 ， 我 
们 需要 使 用 Unity 提供 的 其 他 一 些 重 要 的 技术 ， 例 如 HDR 格式 的 Skybox、 全 局 光照 、 反 射 探 针 、 
光照 探 针 、HDR 和 屏幕 后 处 理 等 。 


中 旭 一 个 更 加 复杂 的 例子 


在 本 章 最 后 ， 我 们 将 以 去 个 更 加 复杂 的 、 基 于 物理 泻 染 的 场景 结束 ， 该 场景 对 应 了 本 书 资源 
中 的 Scene_ 18_3。 本 场景 使 用 的 元 素 大 多 来 源 于 Unity 官方 的 示例 项 目 Viking VillageChttps:Wwww. 
assetstore.Unity3d.comy/jp/#Vcontent29140 )， 读 者 可 以 下 载 完 整 的 项 目 来 更 加 深入 地 学 习 Unity ' 
的 PBS。 

图 18.10 展示 了 在 不 同 光 照 条 件 下 本 例 实 
现 的 效果 。 需 要 注意 的 是 , 读者 需要 在 Edit 一 
Project Setttings 一 Player 一 Color Space 中 选择 
Linear 才 可 以 得 到 和 图 18.9 中 相同 的 效果 , 这 
是 因为 基于 物理 的 泻 染 需要 使 用 线性 空间 ( 详 / 
见 18.3.4 节 ) 来 进行 相关 计算 。 4 图 18.10 在 Unity 5 中 使 用 基于 物理 的 


那么 , 基于 物理 的 Standard Shader 是 如 何 泻 染 技 术 ， 场 景 在 不 同 光照 下 的 泻 染 结果 


与 其 他 Unity 功能 相互 配合 得 到 这 样 的 场景 呢 ? 
18.3.1 设置 光照 环境 


我 们 首先 需要 为 场景 设置 光照 环境 。 在 默认 情况 下 ,Unity 5 中 一 个 新 创建 的 场景 会 包含 一 个 默 
认 的 Skybox。 在 本 例 中 ， 我 们 使 用 一 个 自 定义 的 Skybox 来 代替 默认 值 。 做 法 是 ， 打 开 Window 一 
Lighting， 在 Scene 标签 页 下 把 本 例 使 用 的 SunsetSkyboxHDR 拖 电 到 Skybox 选项 中 ， 如 图 18.11 
所 示 。 

本 例 中 的 Skybox 使 用 了 一 个 HDR 格式 的 Cubemap， 这 与 我 们 之 前 在 10.1 节 中 制作 Skybox 时 
使 用 的 纹理 不 同 。 这 需要 解释 HDR (High Dynamic Range) 的 相关 知识 ， 我 们 将 在 18.4.3 节 更 加 详 
细 地 介绍 HDR 的 原理 和 应 用 。 但 在 这 里 ， 我 们 只 需要 知道 ， 使 用 HDR 格式 的 Skybox 可 以 让 场景 
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中 物体 的 反射 
我 们 还 可 


以 设置 场 


更 加 真实 ， 有 利 卫 


男 景 使 | 


在 图 


场景 使 用 的 Skybox， 还 是 使 ) 
(Ambient Intensity 参数 )， 如 果 想 要 场景 中 由 


| 渐变 值 ， 


] 的 环境 光照 , 这 些 环境 
18.11 所 示 的 设置 面板 中 ， 我们 可 以 选择 环境 光 有 


F 我 们 得 到 更 加 可 信 的 光照 效果 。 


亦 或 是 某 个 固 


Et 照 可 以 对 场景 中 所 有 的 物体 表面 产生 影响 。 
妨 的 来 源 (Ambient Source 选项 )， 是 来 自 于 
定 的 颜 
的 所 有 物体 不 接受 人 


色 。 我 们 还 可 以 设置 环境 光照 的 强度 
E 何 环境 光照 ， 可 以 把 该 值 设 为 0。 


在 使 用 了 Standard Shader 的 前 提 下 ， 如 果 我 们 关闭 场景 中 所 有 的 光源 ， 并 把 环境 光照 的 强度 设 为 
0， 场 景 中 的 物体 仍然 可 以 接受 一 些 光 照 ， 如 图 18.12 中 的 左 图 所 示 。 

Lighting | @ Inspector ~ 

Va 9 5 


2 nt Inten 一 


Ambient GI 


Refl ns i 
Reflection Bounces 


18.11 光照 画 


那么 ， 


置 为 


这 样 


泻 染 计算 。 


故 的 。 在 泻 染 
《假设 使 用 的 是 前 向 泻 
读者 可 以 i 


oa 


这 些 光照 是 
是 场景 使 用 的 Skybox。 如 
自 定 义 〈 即 Custom)， 
的 Skybox 设置 为 空 


)， 如 


从 


并 把 自 


受 | 


18.12 


边 : 


当 关 闭 场 景 


中 的 所 


光源 并 把 环境 光照 强度 设 为 0 


了 Standard Shader 的 物体 仍然 具 


光照 效果 ， 右 边 : 在 左 图 的 看 


把 反射 源 设 


那里 来 的 呢 ? 答案 就 是 反射 。 
果 我 们 不 想 让 场景 中 的 物体 接受 任何 
定义 的 Cubemap 保留 为 空 


为 空 ， 使 得 物体 不 接受 任何 默认 的 反射 信息 


\ 接 5 


默认 的 反射 源 (Reflection Source 选项 ) 
默认 的 反射 光照 ， 可 以 把 反射 源 设 
即 可 ( 男 一 种 方式 是 直接 把 场景 使 用 


图 


实现 上 ， 
染 路 径 的 话 )， 并 使 


二 


18.12 右 图 所 示 。 但 为 了 得 到 更 加 i 


即便 场景 ! 


没有 任何 光源 ， 


二 


置 的 反射 源 是 默认 的 反射 源 , 如 果 我 们 在 场景 


节 )， 物 体 可 能 


们 使 / 


例如 ， 想 象 一 个 红 1 


有 少许 的 红 1 


会 使 用 
成 一 个 Cubemap， 我 

除了 Standard S 
Hlumination，GI) 流 ? 
接 光 照 的 影响 。 直 接 光 照 指 的 是 
的 都 是 直接 光照 来 
色 墙 


其 他 反射 源 。 当 
门 可 


水 线 。 使 用 GI， 


以 通过 Resolution 选 : 
hader 外 ，Unity 还 引入 了 


反射 


的 光照 信 ， 
过 帧 调试 器 (Frame Debugger) 来 查看 泻 染 
添加 了 其 人 
默认 反射 源 是 Skybox 时 ，Unity 会 由 场景 使 


逼真 的 泻 染 结果 ， 我 们 通常 是 不 会 
Unity 在 内 部 仍然 会 调用 ForwardBase Pass 
息 来 填充 光源 信息 ， 再 进行 基于 物理 的 
采 过 程 。 需 要 注意 的 是 ， 这 里 设 
也 反射 探 针 (Reflection Probes， 见 18.3.2 
| 的 Skybox 生 


硕 来 控制 它 每 个 面 的 分 


一 个 重要 


的 流水 线 一 一 实时 全 局 光照 (Global 


场景 中 的 物体 不 仅 可 以 受 直 接 光 照 的 影响 ， 还 可 以 接受 间 


那些 直接 把 光照 射 到 物体 表面 的 光源 ， 在 本 书 之 月 


不 但 


芭 


回 


乡 


染 场 景 中 的 物体 。 但 
壁 劳 边 放 置 了 一 个 球体 ， 


『 的 计 节 中 ， 我 


在 现实 生活 : 


， 物 体 还 会 受到 间接 光照 的 影响 。 


民 


5 请 辟 本身 不 发 光 ， 


但 球体 靠近 墙 的 一 面 仍 会 


色 ， 这 是 由 了 


色 墙 壁 把 


些 间 接 光 照 


就 是 那些 被 场景 ! 


子 ! 


其 1 


岂 物 体 反弹 的 光 


， 这 些 间 接 光照 


投 和 
会 受 反弹 光 的 表面 的 颜色 影 


寺 到 了 球体 上 。 在 Unity 中 ， 间 接 光 照 指 的 


向 《例如 之 前 例 
面 的 站 


的 红色 


的 墙壁 ), 这 些 表 二 


SI 


， 我 们 可 以 使 用 这 


文 些 直接 光照 和 间 


会 在 反弹 光线 时 把 E 
接 光照 来 创建 更 加 真实 的 视觉 效果 。 


wn 


页 色 添 加 到 反射 光 的 计算 中 。 在 Unity 


二 
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下 面 ， 我 们 首先 设置 场景 使 用 的 直接 光照 一 一 一 个 平行 光 。 在 PBR (Physically Based 
Rendering) 中， 想 要 让 泻 染 效果 更 加 真实 可 信 ， 我 们 需要 保证 平行 光 的 方向 和 Skybox 中 的 太阳 
或 其 他 光源 的 位 置 一 致 ， 使 得 物体 产生 的 光照 信息 可 以 与 Skybox 互相 吻合 。 有 时 ， 我 们 可 能 会 
区 用 一 张 光斑 纹理 (Flare Texture ) 来 模拟 太阳 等 光源 ， 此 时 我 们 同样 需要 确保 平行 光 的 方向 与 泡 
斑纹 理 的 位 置 一 致 。 与 之 类 似 的 还 有 平行 光 的 颜色 ， 我 们 应 该 尽量 让 平行 光 的 颜色 和 场景 环境 相 
匹配 。 例 如 ， 在 图 18.10 的 左 图 中 ， 场 景 的 光照 环境 为 日 落 时 分 ， 因 此 平行 光 的 颜色 为 浅黄 色 ， 
如 图 18.13 所 示 ， 而 在 图 18.10 的 右 图 中 , 场景 的 光照 环境 更 接近 傍晚 ， 此 时 平行 光 的 颜色 为 淡 蓝 
色 。 我 们 还 在 Skybox 的 材质 面板 上 调整 天 空 的 旋转 角度 及 曝光 度 ， 来 调整 场景 的 背景 。 

在 平行 光 面 板 的 烘焙 选项 ( 即 Baking) 中 ， 我 们 选择 了 Realtime 模式 ， 这 意味 着 ,场景 中 受 
平行 光影 响 的 所 有 物体 都 会 进行 实时 的 光照 计算 ， 当 光源 或 场景 中 其 他 物体 的 位 置 、 旋 转角 度 等 
发 生变 化 时 ， 场 景 中 的 光照 结果 也 会 随 之 变化 。 然 而 ， 实 时 光照 往往 需要 较 大 的 性 能 消耗 ， 对 于 
移动 平台 这 样 资源 比较 短缺 的 平台 ， 我 们 可 以 选择 Baked 模式 ， 此 时 ，Unity 会 把 该 光源 的 光照 
效果 烘焙 到 一 张 光照 纹 理 (ightmap〉 中， 这 样 我 们 就 不 用 实时 为 物体 计算 复杂 的 光照 ， 而 只 需 
要 通过 纹理 采样 来 得 到 光照 结果 。 选 择 烘 焙 模 式 的 缺点 在 于 ， 如 果 场 景 中 的 物体 发 生 了 移动 ， 但 
是 它 的 阴影 等 光照 效果 并 不 会 发 生变 化 。 人 烘焙 选项 中 的 Mix 模式 则 允许 我 们 混合 使 用 实时 模式 和 
烘焙 模式 ， 它 会 把 场景 中 的 静态 物体 〈 即 那些 被 标识 为 Static 的 物体 ) 的 光照 烘焙 到 光照 纹理 中 ， 
但 仍然 会 对 动态 物体 产生 实时 光照 。 

Unity 5 引入 了 实时 间接 光照 的 功能 ， 在 这 个 系统 下 , 场景 中 的 直接 光照 会 在 场景 中 各 个 物体 
之 间 来 回 反 射 ， 产 生 间 接 光 照 正如 我 们 之 前 讲 到 的 ， 间 接 光 照 可 以 让 那些 没有 直接 被 光源 照 亮 
的 物体 同样 可 以 接受 到 一 定 的 光照 信息 ， 这 些 光 照 是 由 它 周围 的 物体 反射 到 它 的 表面 上 的 。 当 一 
条 光线 从 光源 被 发 射出 来 后 ， 它 会 与 场景 中 的 一 些 物 体 相 交 ， 第 一 个 和 光线 相交 的 物体 受到 的 光 
照 即 为 直接 光照 。 当 得 到 直接 光照 在 该 物体 上 的 光照 结果 后 ， 该 物体 还 会 继续 反射 该 光线 ， 从 而 
对 其 他 物体 产生 间接 光照 。 此 后 与 该 光线 相交 的 物体 ， 就 会 受到 间接 光照 的 影响 ， 同 时 它们 也 会 
继续 反射 。 当 经 过 多 次 反射 后 ， 该 光线 最 后 完全 消失 。 这 些 间接 光照 的 强度 是 由 GI 系统 计算 得 
到 的 默认 亮度 值 .图 18.13 所 示 的 光源 面板 中 的 Bounce Intensity 参数 可 以 让 我 们 调节 这 些 间 接 光 
照 的 强度 。 当 我 们 把 它 设 为 0 时 ， 意 味 着 一 条 光线 仅 会 和 一 个 物体 相交 ， 不 再 被 继续 反射 ， 也 就 
是 说 , 场景 中 的 物体 只 会 受到 直接 光照 的 影响 。 图 18.14 显示 了 Bounce Intensity 分 别 为 0 和 8 时 ， 
场景 的 演 染 结果 ， 注 意 其 中 阴影 部 分 的 细节 。 


4 图 18.13 ”使 用 的 平行 光 4 图 18.14 左边 : 将 Bounce Intensity 设置 为 0， 
物体 不 再 受到 间接 光照 的 影响 ， 木 屋内 阴影 部 分 的 可 见 细节 很 少 。 
右边 : 将 Bounce Intensity 设 为 8， 阴影 部 分 的 细节 更 加 清楚 
除了 上 述 调整 单个 光源 的 间接 光照 强度 ， 我 们 也 可 以 对 整个 场景 的 间接 光照 强度 进行 调整 。 
这 是 按照 图 18.11 所 示 的 光照 面板 来 实现 的 。 在 光照 面板 的 Scene 标签 页 下 ,我 们 可 以 调整 General 
GI 参数 块 中 的 Bounce Boost 参数 来 控制 场景 中 反射 的 间接 光照 的 强度 , 它 会 和 单个 光源 的 Bounce 


Intensity 参数 来 一 起 控制 间接 光照 的 反射 强度 。 除 此 之 外 ， 把 Indirect Intensity 参数 调 大 同样 可 以 
增 大 间接 光照 的 强度 。 需 要 注意 的 是 ， 间 接 光 照 还 有 可 能 来 自 一 些 自发 光 的 物体 。 


18.3.2 ”放置 反射 探 针 


回忆 我 们 在 10.1 节 中 讲 到 的 环境 映射 ， 在 实时 泻 染 中 ， 我 们 经 常会 使 用 Cubemap 来 模拟 物体 
的 反射 效果 。 例 如 ， 在 赛车 游戏 中 ， 我 们 需要 对 车 身 或 车 窗 使 用 反射 映射 的 技术 来 模拟 它们 的 反光 
材质 。 然 而 ， 如 果 我 们 永远 使 用 同一 个 Cubemap， 那 么 ， 当 赛车 周围 的 场景 发 生 较 大 变化 时 ， 就 很 
容易 出 现 “ 穿 帮 镜 头 ”， 因 为 车 身 或 车 窗 的 环境 反射 并 没有 随 着 环境 变化 而 发 生变 化 。 一 种 解决 办 
法 是 可 以 在 脚本 中 控制 何 时 生成 从 当前 位 置 观察 到 的 Cubemap， 而 Unity 5 为 我 们 提供 了 一 种 更 加 
方便 的 途径 ,即使 用 反射 探 针 (Reflection Probes)。 反 射 探 针 的 工作 原理 和 光照 探 针 (Light Probes ) 
类 似 ， 它 允许 我 们 在 场景 中 的 特定 位 置 上 对 整个 场景 的 环境 反射 进行 采样 ， 并 把 采样 结果 存储 在 每 
个 探 针 上 。 当 游戏 中 包含 反射 效果 的 物体 从 这 些 探 针 附近 经 过 时 ，Unity 会 把 从 这 些 邻 近 探 针 存储 
的 反射 结果 传递 给 物体 使 用 的 反射 纹理 。 如 果 物 体 周围 存在 多 个 反射 探 针 ，Unity 还 会 在 这 些 反 射 
结果 之 间 进 行 插值 ， 来 得 到 平滑 渐变 的 反射 效果 。 实 际 上 ，Unity 会 在 场景 中 放置 一 个 默认 的 反射 
探 针 ， 这 个 反射 探 针 存储 了 对 场景 使 用 的 Skybox 的 反射 结果 ， 来 作为 场景 的 环境 光照 〈 见 18.3.1 
节 )。 如 果 我 们 需要 让 场景 中 的 物体 包含 额外 的 反射 效果 ， 就 需要 放置 更 多 的 反射 探 针 。 

反射 探 针 同 样 有 3 种 类 型 : Baked， 这 种 类 型 的 反射 探 针 是 通过 提前 烘焙 来 得 到 该 位 置 使 用 
的 Cubemap 的 ， 在 游戏 运行 时 反射 探 针 中 存储 的 Cubemap 并 不 会 发 生变 化 。 需 要 注意 的 是 ， 这 
种 类 型 的 反射 探 针 在 烘焙 时 同样 只 会 处 理 那 些 静态 物体 〈 即 那些 被 标识 为 Reflection Probe Static 
的 物体 )，Realtime， 这 种 类 型 则 会 实时 更 新 当前 的 Cubemap， 并 且 不 受 静态 物体 还 是 动态 物体 的 
影响 。 当 然 ， 这 种 类 型 的 反射 探 针 需要 花费 更 多 的 处 理 时 间 ， 因 此 ， 在 使 用 时 应 当 非 常 小 心 它 们 
的 性 能 。 幸 运 的 是 ，Unity 允许 我 们 从 脚本 中 通过 触发 来 精确 控制 反射 探 针 的 更 新 ， 最 后 一 种 类 
型 是 Custom， 这 种 类 型 的 探 针 既 可 以 让 我 们 从 编辑 器 中 烘焙 它 ， 也 可 以 让 我 们 使 用 一 个 自 定义 的 
Cubemap 来 作为 反射 映射 ， 但 自 定义 的 Cubemap 不 会 被 实时 更 新 。 

我 们 在 本 节 使 用 的 场景 中 放置 了 3 个 反射 探 针 ， 它 们 的 类 型 都 是 Baked《〈 前 提 是 我 们 把 场景 
中 的 物体 标识 成 了 Static)。 使 用 反射 探 针 前 后 的 对 比 效 果 如 图 18.15 所 示 。 
需要 注意 的 是 ， 在 放置 反射 探 针 时 ， 我 们 选取 的 位 置 并 不 是 任意 的 。 通 常 来 说 ， 反 射 探 针 应 
该 被 放置 在 那些 具有 明显 反射 现象 的 物体 的 旁边 ， 或 是 一 些 墙角 等 容易 发 生 遮 挡 的 物体 周围 。 在 
本 例 使 用 的 场景 中 ， 木 屋内 的 盾牌 具有 比较 明显 的 反射 效果 ， 而 盾牌 本 身 又 被 木屋 遮挡 ， 因 此 ， 
一 个 反射 探 针 的 位 置 就 在 盾牌 附近 。 当 我 们 放置 好 探 针 后 ， 我 们 还 需要 为 它们 定义 每 个 探 针 
的 影响 区 域 ， 当 反射 物体 进入 到 这 个 区 域 后 ， 反 射 探 针 就 会 对 物体 的 反射 产生 影响 。 通 常情 况 下 ， 
反射 探 针 的 影响 区 域 之 间 往 往 会 有 所 重 钱 ， 例 如 ， 本 例 中 盾牌 附近 的 反射 探 针 和 男 外 两 个 (一 个 
在 木屋 前 方 ， 一 个 在 木屋 后 方 ) 的 影响 区 域 都 有 所 重 辣 。 此 时 ，Unity 会 计算 反射 物体 的 包围 盒 
与 这 些 重 营区 域 的 交叉 部 分 ， 并 据 此 来 选择 使 用 的 反射 映射 。 如 果 当 前 的 目标 平台 使 用 的 是 SM 
3.0 及 以 上 的 话 ，Unity 还 可 以 允许 我 们 在 这 些 互 相 重 阁 的 反射 探 针 之 间 进 行 混合 ， 来 实现 平缓 的 
反射 过 渡 效 果 。 

使 用 Unity 内 置 的 反射 探 针 的 另 一 个 好 处 是 ， 我 们 可 以 模拟 互相 反射 〈interreflections)。 我 
们 曾 在 10.1 节 中 讲 到 使 用 传统 的 Cubemap 方法 无 法 模拟 互相 反射 的 效果 。 例 如 ， 假 设 场景 中 有 
两 面 互相 面对面 的 镜子 ， 在 理想 情况 下 ， 它 们 不 仅 会 反射 自己 对 面 的 那 面 镜子 ， 也 会 反射 那 面 镜 
子 里 反射 的 图 像 。 只 要 反射 光线 没有 被 完全 吸收 ， 反 射 就 会 一 直 进 行 下 去 。 要 实现 这 种 效果 ， 就 
需要 追踪 光线 的 反射 轨迹 ， 这 是 传统 的 反射 方法 所 无 法 实现 的 。Unity 5 引入 的 GI 系统 让 这 种 效 
果 变 成 了 可 能 , 我 们 在 本 书 资源 的 Scene_18_3_2 场景 中 展示 了 这 样 的 一 个 例子 , 如 图 18.16 所 示 。 


党 
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我 们 可 以 在 


4 图 18.15 左边 : 未 使 用 反射 探 针 。 右 边 : 在 场景 中 放置 了 4 图 18.16 使 用 反射 探 针 实现 相互 反射 的 效果 
两 个 反射 探 针 ， 注 意 墙 上 的 盾牌 与 左 图 的 差别 
在 图 18.16 所 示 的 场景 中 ， 我 们 在 每 个 金属 球 的 位 置 处 放置 了 一 个 反射 探 针 ， 并 把 每 个 金 
球 上 的 Mesh Renderer 组 件 中 的 Reflection Probes 设置 为 Simple, 这 样 保证 它们 只 会 使 用 离 它 们 最 
近 的 一 个 反射 探 针 。 默 认 情 况 下 ， 反 射 探 针 只 会 捕捉 一 次 反射 ， 也 就 是 说 ， 左 边 金 属 球 使 用 的 反 
射 探 针 只 会 捕捉 到 由 右边 的 金属 球 第 一 次 反射 过 来 的 光线 。 但 在 理想 情况 下 ， 反 射 过 来 的 光线 会 
继续 被 左边 的 金属 球 反射 ， 并 对 右边 的 金属 球 造 成 影响 。Unity 允许 我 们 控制 物体 之 间 这 样 来 回 
反射 的 次 数 ， 这 可 以 通过 改变 图 18.11 中 的 Reflection Bounces 参数 来 实现 。 在 图 18.16 所 示 的 场 
景 中 ， 我 们 把 该 值 设 为 了 2。 

然而 ， 正 如 本 节 一 开始 所 提 到 的 ， 使 用 反射 探 针 往往 会 需要 更 多 的 计算 时 间 。 这 些 探 针 实际 上 也 
通过 在 它 的 位 置 上 放置 一 个 摄像 机 ， 来 泻 染 得 到 一 个 Cubemap。 如 果 我 们 把 反弹 次 数 设 置 的 很 大 ， 
是 使 用 实时 泻 染 ， 那 么 这 些 探 针 很 可 能 会 造成 性 能 瓶颈 。 更 多 关于 如 何 优化 反射 探 针 以 及 它 的 高 级 
法 ， 读 者 可 以 参见 Unity 的 官方 手册 http:/docs.unity3d.comy/ManualReflectionProbes.html ) 。 


惜 时 并 


18.3.3 调整 材质 


要 得 到 真实 可 信 的 泻 染 效果 , 我 们 需要 为 场景 中 的 物体 指定 合适 的 材质 。 需 要 再 次 提醒 读者 的 是 ， 
基于 物理 的 泻 染 并 不 意味 着 一 定 要 模拟 像 照片 真实 的 效果 。 基 于 物理 的 演 染 更 多 的 好 处 在 于 ， 可 以 让 
我 们 的 场景 在 各 种 光照 条 件 下 都 能 得 到 令 人 满意 的 效果 ， 同 时 不 需要 频繁 地 调整 材质 参数 。 

在 Unity 中 ， 要 想 和 全 局 光照 、 反 射 探 针 等 内 置 功能 良好 地 配合 来 得 到 出 色 的 演 染 结果 ， 就 
需要 使 用 Unity 内 置 的 Standard Shader。 我 们 已 经 在 18.2.2 节 中 学 习 了 如 何 针对 不 同类 别 的 物体 
来 调整 它们 使 用 的 材质 属性 。 在 本 例 中 ， 我 们 使 用 了 更 复杂 的 纹理 和 模型 ， 它 们 都 来 自 于 Unity 
官方 的 示例 项 目 Viking Village。 这 些 材质 可 以 为 读者 制作 自己 的 材质 提供 一 些 参考 ， 例 如， 场景 
中 所 有 物体 都 使 用 了 高 光 反 射 纹理 (Specular Texture )、 遮 挡 纹 理 (Occlusion Texture )、 法 线 纹理 
(Normal Texture)， 一 些 材质 还 使 用 了 细节 纹理 来 提供 更 多 的 细节 表现 。 


18.3.4 ”线性 空间 


在 使 用 基于 物理 的 演 染 方法 渔 染 整 个 场景 时 ， 我 们 应 该 使 用 线性 空间 (Linear Space) 来 得 
到 最 好 的 演 染 效果 。 默 认 情 况 下 ，Unity 会 使 用 爷 
马 空间 (Gamma Space)， 如 果 要 使 用 线性 空间 的 
话 ， 我 们 需要 在 Edit 一 Project Settings 一 Player 一 
Other Settings 一 Color Space 中 选择 Linear 选项 。 

图 18.17 显示 了 分 别 在 线性 空间 和 伽 马 空间 下 场 


景 的 这 染 结果 。 ^ 图 18.17 左边 ， 在 线性 空间 下 的 泻 染 结果 。 
从 图 18.17 中 可 以 看 出 ， 使 用 线性 空间 可 以 右边 ， 在 伽 马 空间 下 的 泻 染 结果 
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得 到 更 加 真实 的 效果 。 但 它 的 缺点 在 于 ， 需 要 一 些 硬件 支持 来 实现 线性 
已 的 支持 并 不 好 。 这 种 情况 下 ， 我 们 往往 只 能 退 而 求 其 次 ， 选 择 伽 马 空 

那么 ， 线 性 空间 、 伽 马 空间 到 底 是 什么 意思 ? 为 什么 线性 空间 可 以 
这 就 需要 介绍 伽 马 校正 (Gamma Correction ) 的 相关 内 容 了 。 实 际 上 ， 
下 进行 泻 染 计算 时 ， 由 于 使 用 了 非 线 性 的 输入 数据 ， 导 致 很 多 计算 都 是 
这 意味 着 我 们 得 到 的 结果 并 不 符合 真实 的 物理 期 望 。 除 此 之 外 ， 由 于 输 
示 伽 马 的 影响 ， 会 导致 泻 染 出 来 的 画面 整体 偏 暗 ， 总 是 和 真实 世界 不 像 


计算 ， 但 一 些 移动 平台 对 
间 进 行 泻 染 和 计算 。 

得 到 更 加 真实 的 效果 呢 ? 
当 我 们 在 默认 的 伽 马 空 间 
在 非 线 性 空间 下 进行 的 ， 
出 时 没有 考虑 显示 器 的 显 


o 


尽管 在 Unity 中 我 们 可 以 通过 之 前 所 说 的 步骤 直接 选择 在 线性 空间 进行 泻 染 , Unity 会 在 背后 


为 我 们 照顾 好 一 切 ， 但 了 解 伽 马 校正 的 原理 对 我 们 理解 泻 染 计算 有 很 大 
节 找 到 更 多 的 解释 。 


站 答 纤 解 惑 


上 面 的 内 容 中 ， 我 们 首先 介绍 了 PBS 实现 的 数学 和 理论 基础 ， 
Standard Shader 的 实现 原理 ， 以 及 如 何 使 用 它 来 为 不 同类 型 的 物体 调整 


帮助 ， 读 者 可 以 在 18.4.2 


并 简单 概括 了 Unity ， 
适合 它们 的 材质 参数 。 随 


后 ， 我 们 通过 一 个 更 加 复杂 的 场景 ， 来 展示 如 何在 Unity 中 使 用 环境 光 


照 、 实 时 光源 、 反 射 探 针 


以 及 Standard Shader 来 泻 染 一 个 基于 物理 泻 染 的 场景 。 但 我 们 相信 ，, 读者 在 读 完 后 仍 有 很 多 困惑 ， 


考虑 到 内 容 的 连贯 性 ， 我 们 未 能 在 文中 对 某 些 概念 进行 展开 。 在 本 节 
念 进行 更 为 深入 地 解释 。 


18.4.1 什么 是 全 局 光照 


， 我 们 将 对 一 些 重 要 的 概 


在 上 面 的 内 容 中 ， 我 们 可 以 发 现 全 局 光照 对 得 到 真实 的 演 染 结果 有 


光照 ， 指 的 就 是 模拟 光线 是 如 何在 场景 中 传播 的 ， 它 不 仅 会 考虑 那些 直 
光线 被 不 同 的 物体 表面 反射 而 产生 的 间接 光照 。 在 使 用 基于 物理 的 着 色 
点 时 ， 我 们 需要 计算 该 点 的 半球 范围 内 所 有 会 反射 到 观察 方向 的 入 射 光 
光线 中 就 包含 了 直接 光照 和 间接 光照 。 

通常 来 讲 ， 这 些 间接 光照 的 计算 是 非常 耗 时 间 的， 通常 不 会 用 在 实 
法 是 使 用 光线 追踪 ， 来 追踪 场景 中 每 一 条 重要 的 光线 的 传播 路 径 。 使 用 


着 举足轻重 的 作用 。 全 局 
接 光 照 的 结果 ， 还 会 计算 
技术 时 ， 当 演 染 表面 上 一 
线 的 光照 结果 ， 这 些 入 射 


时 泻 染 中 。 一 个 传统 的 方 
光线 追踪 能 得 到 非常 出 色 


并 不 能 满足 实时 的 要 求 。 


的 画面 效果 ， 因 此 ,被 大 量 应 用 在 电影 制作 中 。 但是， 这 种 方法 往往 需要 大 量 时 间 才 能 得 到 一 帧 ， 


上 ，Enlighten 也 已 经 被 集成 在 虚幻 引擎 (Unreal Engine ) 中 ， 它 已 经 在 


身 强大 的 演 染 能 力 。 总 体 来 讲 ，Unity 使 用 了 实时 + 预计 算 的 方法 来 模拟 场景 中 的 光照 。 其 中 ， 


Unity 采用 了 Enlighten 解决 方案 来 让 全 局 光照 能 够 在 各 种 平台 上 有 不 错 的 性 能 表现 。 事 实 


很 多 3A 大 作 中 展现 了 自 


实时 光照 用 于 计算 那些 直接 光源 对 场景 的 影响 ， 当 物体 移动 时 ， 光 照 也 会 随 之 发 生变 化 。 但 正 


如 我 们 之 前 所 说 ， 实 时 光照 无 法 模拟 光线 被 多 次 反射 的 效果 。 为 了 得 到 更 加 真实 的 泻 染 效果 ， 
Unity 又 引入 了 预计 算 光 照 的 方法 , 使 得 全 局 光照 甚至 在 一 些 高 端的 移动 设备 上 也 可 以 达到 实时 
的 要 求 。 

预计 算 光 照 包含 了 我 们 常见 的 光照 烘焙 ， 也 就 是 指 我 们 把 光源 对 场景 中 静态 物体 的 光照 效果 
提前 烘焙 到 一 张 光照 纹理 中 ， 然 后 把 这 张 光 照 纹理 直接 贴 在 这 些 物体 的 表面 ， 来 得 到 光照 效果 。 
这 些 光 照 纹理 不 仅 存 储 了 直接 光照 的 结果 ， 还 包含 了 那些 由 物体 反射 得 到 的 间接 光照 。 但 是 ， 这 
些 光 照 纹理 无 法 在 游戏 运行 时 不 断 更 新 ， 也 就 是 说 ， 它 们 是 静态 的 。 不 过 这 种 方法 的 确 为 移动 平 


台 的 复杂 光照 模拟 提供 了 一 个 有 效 途 径 。 以 上 提 到 的 这 些 技术 很 多 读者 


都 已 非常 熟悉 ， 并 可 能 已 
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经 在 实际 工作 中 大 量 使 用 了 它们 。 
由 于 静态 的 光照 烘焙 无 法 在 光照 条 件 改变 时 更 新 物体 的 光照 效果 ， 因 此 ，Unity 使 用 了 预计 
算 实 时 全 局 光照 (Precomputed Realtime GI) 为 我 们 提供 了 一 个 解决 途径 ， 来 动态 地 为 场景 实时 
更 新 复杂 的 光照 结果 。 正 如 我 们 之 前 看 到 的 ， 使 用 这 种 技术 我 们 可 以 让 场景 中 的 物体 包含 丰富 的 
全 局 光照 效果 ， 例 如 多 次 反射 等 ， 并 且 这 些 计算 都 是 实时 的 ， 可 以 随 着 光源 和 物体 的 移动 而 发 生 
变化 。 这 是 使 用 之 前 的 实时 光照 或 烘焙 光照 所 无 法 实现 的 。 

那么 , 这 些 是 如 何 实现 的 呢 ? 它们 实际 上 都 利用 了 一 个 事实 旦 物体 和 光源 的 位 置 被 固 
定 了 ， 这 些 物体 对 光线 的 反弹 路 径 以 及 漫 反射 光照 (我 们 假设 漫 反 射 光照 在 各 个 方向 的 分 布 是 相 
同 的 ) 也 是 固定 的 ， 也 就 是 说 是 和 摄像 机 无 关 的 。 因 此 ， 我 们 可 以 使 用 预计 算 方 法 来 把 这 些 物体 
之 间 的 关系 提前 计算 出 来 ， 而 在 实时 运行 时 ， 只 要 光源 的 位 置 ( 光 源 的 颜色 是 可 以 实时 变化 的 ) 
不 变 ， 即便 改 变 了 光源 颜色 和 强度 、 物 体 材质 属性 ( 指 的 是 漫 反射 和 自发 光 相关 的 属性 )， 这 些 信 
息 就 一 直 有 效 ， 不 需要 实时 更 新 。 在 预计 算 阶 段 ，Enlighten 会 在 由 所 有 静态 物体 组 成 的 场景 上 ， 
进行 简化 的 “光线 追踪 ”过 程 。 在 这 个 过 程 中 Enlighten 会 自动 把 场景 分 割 成 很 多 个 子 系统 ， 它 并 
不 是 为 了 得 到 精确 的 光照 效果 ， 而 是 为 了 得 到 场景 中 物体 之 间 的 关系 。 需 要 注意 的 是 ， 这 些 预计 
算 都 是 在 静态 物体 上 进行 的 ， 因 此 ， 为 了 利用 上 述 的 预计 算 方法 ， 我 们 至 少 需要 把 场景 中 的 一 个 
物体 标识 为 Static〈 至 少 需要 把 Lightmap Static 勺 选 上 )。 一 个 例外 是 物体 的 高 光 反 射 ， 这 是 和 摄 
像 机 的 位 置 相关 的 ，Unity 的 解决 方案 是 使 用 反射 探 针 ， 正 如 我 们 之 前 看 到 的 那样 。 对 于 动态 移 
动 的 物体 来 说 ， 我 们 可 以 使 用 光照 探 针 来 模拟 它 的 光照 环境 。 因 此 ， 在 实时 运行 时 ，Unity 会 利 
用 预计 算得 到 的 信息 来 计算 光照 信息 , 并 把 它们 存储 在 额外 的 光照 纹理 、 光 照 探 针 或 Cubemap 中 ， 
再 和 物体 材质 进行 必要 的 光照 计算 之 得 到 最 后 的 演 染 效果 。 

Unity 全 新 的 全 局 光照 解决 方案 可 以 大 大 提高 一 些 基 于 PC/ 游 戏 机 等 平台 的 大 型 游戏 的 画 直 
质量 ， 但 如 果 要 在 移动 平台 上 使 用 仍 需 要 非常 小 心 它 的 性 能 。 一 些 低 端 手机 是 不 适合 使 用 这 种 比 
较 复 杂 的 基于 物理 的 泻 染 ， 不 过 Unity 会 在 后 续 的 版 本 中 持续 更 新 和 优化 。 而 且 随 着 手机 硬件 的 
发 展 ， 未 来 在 移动 平台 上 大 量 使 用 PBS 也 已 经 不 再 是 遥 不 可 及 的 梦想 了 。 更 多 关于 Unity 中 全 局 光照 
的 内 容 ， 读 者 可 以 在 Unity 官方 手册 的 全 局 光照 (http:/docs.unity3d.coryManualyGIIntro.html) 一文 ! 
找到 更 多 内 容 ， 本 章 最 后 的 扩展 阅读 部 分 也 会 给 出 更 多 的 学 习 资 料 。 


18.4.2 ”什么 是 伽 马 校 正 


我 们 在 18.3.4 节 中 讲 到 ， 要 想 演 染 出 更 符合 真实 光照 环境 的 场景 就 需要 使 用 线性 空间 。 而 
Unity 默认 的 空间 是 伽 马 空间 ， 在 伽 马 空间 下 进行 泻 染 会 导致 很 多 非 线性 空间 下 的 计算 ， 从 而 引 
入 了 一 些 误 差 。 而 要 把 伽 马 空间 转换 到 线性 空间 ， 就 需要 进行 伽 马 校正 〈Gamma Correction ) 。 

相信 很 多 读者 都 听 过 伽 马 校正 这 个 名 词 ， 但 对 于 伽 马 校正 是 什么 、 为 什么 要 有 它 、 怎 么 使 用 
它 都 存在 着 很 多 疑问 。 伽 马 校正 中 的 伽 马 一 词 来 源 伽 马 曲线 。 通 常 ， 伽 马 曲线 的 表达 式 如 下 : 
Zou 
其 中 指数 部 分 的 发 音 就 是 伽 马 。 最 开始 的 时 候 ， 人 们 使 用 伽 马 曲线 来 对 拍摄 的 图 像 进行 伽 马 
编码 〈gamma encoding)。 事 情 的 起 因 可 以 从 在 真实 环境 中 拍摄 一 张 图 片 说 起 。 摄 像 机 的 原理 可 
以 简化 为 ， 把 进入 到 镜头 内 的 光线 亮度 编码 成 图 像 〈 例 如 一 张 JEPG) 中 的 像素 。 如 果 采 集 到 的 
亮度 是 0， 像 素 就 是 0 亮度 是 1， 像 素 就 是 1 亮度 是 0.5， 像 素 就 是 0.5。 如 果 我 们 只 用 8 位 空间 来 
存储 像素 的 每 个 通道 的 话 ， 这 意味 着 0~1 区 间 可 以 对 应 256 种 不 同 的 亮度 值 。 但 是 ， 后 来 人 们 发 
现 ， 人 了 眼 有 一 个 有 趣 的 特性 ， 就 是 对 光 的 灵敏 度 在 不 同 亮度 上 是 不 一 样 的 。 在 正常 的 光照 条 件 下 ， 
人 眼 对 较 暗 区 域 的 变化 更 加 敏感 ， 如 图 18.18 所 示 。 


图 18.18 说 明了 一 件 事情 ， 亮 度 上 的 线性 变化 对 人 眼 感 
知 来 说 是 非 均匀 的 。Youtube 上 有 一 个 名 为 Color is Broken 
的 非常 有 趣 的 视频 ， 在 这 个 视频 中 ,作者 用 了 一 个 非常 生动 
的 例子 来 说 明 这 个 现象 。 当 一 个 屋子 的 光照 由 一 意 灯 增加 到 
两 莫 灯 的 时 候 , 人 眼 对 这 种 亮度 变化 的 感知 性 要 远 远大 于 从 
101 芒 灯 增加 到 102 蔓 灯 的 变化 ， 尽 管 从 物理 上 来 说 这 两 种 
变化 基本 是 相同 的 。 那 么 ， 这 和 之 前 讲 的 拍照 有 什么 关系 
呢 ? 如 果 使 用 8 位 空间 来 存储 每 个 通道 的 话 ， 我 们 仍然 把 “图 18.18 人 眼 更 容易 感知 暗部 区 域 的 变换 ， 
0.5 亮度 编码 成 值 为 0.5 的 像素 ， 那 么 暗部 和 亮 部 区 域 我 们 和 
都 使 用 了 128 种 颜色 来 表示 ， 但 实际 上 ， 对 亮 部 区 域 使 用 这 么 多 颜色 是 种 存储 浪费 。 一 种 更 好 的 
方法 是 ， 我 们 应 该 把 把 更 多 的 空间 来 存储 更 多 的 暗部 区 域 ， 这 样 存储 空间 就 可 以 被 充分 利用 起 来 
了 。 摄影 设备 如 果 使 用 了 8 位 空间 来 存储 照片 的 话 ， 会 使 用 大 约 为 0.45 的 编码 伽 马 来 对 输入 的 亮 
度 进行 编码 ， 得 到 一 张 编码 后 的 图 像 。 因 此 ， 图 像 中 0.5 像素 值 对 应 的 亮度 其 实 并 不 是 0.5， 而 大 
约 为 0.22。 这 是 因为 : 


< 一 一 看 起 来 基本 相同 一 一 > 


< 一 基本 相同 一 < 一 基 


0.5~0.22°° 
如 上 所 见 ， 对 拍摄 图 像 使 用 的 伽 马 编码 使 得 我 们 可 以 充分 利用 图 像 的 存储 空间 。 但 当 把 图 片 
放 到 显示 器 里 显示 时 ， 我 们 应 该 对 图 像 再 进行 一 次 解码 操作 ， 使 得 屏幕 输出 的 亮度 和 捕捉 到 的 亮 
度 是 符合 线性 的 。 这 时 ， 人 们 发 现 了 一 个 奇妙 的 巧合 一 一 CRT 显示 器 本 身 几 乎 已 经 自动 做 了 这 个 
解码 操作 ! 这 又 从 何 说 起 呢 ? 在 早期 , CRT (Cathode Ray Tube， 阴 极 射线 管 ) 几乎 是 唯一 的 显示 
设备 。 这 类 设备 的 显示 机 制 是 ， 使 用 一 个 电压 禾 击 它 屏 幕 上 的 一 种 图 层 ， 这 个 图 层 就 可 以 发 亮 ， 
我 们 就 可 以 看 到 图 像 了 。 但 CRT 显示 器 有 一 个 特性 , 它 的 输入 电压 和 显示 出 来 的 亮度 关系 不 是 线 
性 的 ， 也 就 是 说 ， 如 果 我 们 把 输入 电压 调 高 两 倍 ， 屏 幕 亮度 并 没有 提高 两 倍 。 我 们 把 显示 器 的 这 
个 伽 马 曲线 称 为 显示 伽 马 〈diplay gamma)。 非 常 巧合 的 是 ，CRT 的 显示 伽 马 值 大 约 就 是 编码 伽 
马 的 倒数 。CRT 显示 器 的 这 种 特性 ， 正 好 补偿 了 图 像 捕 提 设备 的 伽 马 曲线 ， 人 们 想 ,“ 天 呐 ， 太 
棒 了 ， 我 们 不 需要 做 任何 调整 就 可 以 让 拍摄 的 图 像 在 电脑 上 看 起 来 和 原来 的 一 样 了 ! ”虽然 现 在 
CRT 设备 很 少见 了 ， 并 且 后 来 出 现 的 显示 设备 有 着 不 同 的 伽 马 响 应 曲线 ， 但 是 ， 人 们 仍 在 硬件 上 
做 了 调整 来 提供 兼容 性 。 图 18.19 展示 了 编码 伽 马 和 显示 伽 马 在 图 像 捕 捉 和 显示 时 的 作用 。 


Te 


摄像 机 显示 器 


编码 伽 马 显示 伽 马 
场景 亮度 一 一 一 一 > 像素 值 -了 一 了 -> 像素 值 一 一 一 > 显示 的 亮度 


到 18.19 ”编码 伽 马 和 显示 伽 马 


随后 ， 微 软 联 合 爱普生 、 惠 普 提供 了 sRGB 颜色 空间 标准 ， 推 荐 显示 器 的 显示 伽 马 值 为 2.2， 
并 配合 0.45 的 编码 伽 马 就 可 以 保证 最 后 伽 马 曲线 之 间 可 以 相互 抵消 (因为 2.2X0.45$ 关 1)。 绝 大 多 
数 的 摄像 机 、PC 和 打印 机 都 使 用 了 上 述 的 sRGB 标准 。 

读 到 现在 ， 读 者 可 能 还 是 有 所 疑问 ， 这 和 泻 染 有 什么 关系 ? 答案 是 关系 很 大 。 事 实 上 ， 由 于 
游戏 界 长 期 以 来 都 忽视 了 伽 马 校 正 的 问题 ， 造 成 了 我 们 泻 染 出 来 的 游戏 总 是 上 暗 沉 沉 的 ， 总 是 和 真 
实 世 界 不 像 。 由 于 编码 伽 马 和 显示 伽 马 的 存在 ， 我 们 一 不 小 心 就 可 能 在 非 线 性 空间 下 进行 计算 ， 
或 是 使 得 输出 的 图 像 是 非 线 性 的 。 

对 于 输出 来 说 ， 如 果 我 们 直接 输出 泻 染 结果 而 不 进行 任何 处 理 
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在 经 过 显示 器 的 显示 伽 马 处 
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里 后 ， 会 导致 图 像 整体 偏 暗 ， 出 现 失真 的 状况 。 我 们 在 本 书 资源 的 Scene_18_4_2_a 显示 了 伽 马 对 
光照 效果 的 影响 。 在 场景 Scene_18 4_2_a 中 , 我们 放置 了 一 个 球体 ， 并 把 场景 中 的 环境 光照 设 为 
全 黑 , 再 把 平行 光 的 方向 设置 为 从 上 方 直接 射 到 球体 表面 , 球体 使 用 的 材质 为 内 置 的 漫 反 射 材质 。 
图 18.20 显示 了 在 伽 马 空间 和 线性 空间 下 的 泻 染 结果 。 

从 图 18.20 可 以 看 出 ， 伽 马 空间 下 的 泻 染 结果 整体 偏 暗 ， 一 些 读者 甚至 认为 这 看 起 来 更 加 正 
确 。 然 而 ， 实 际 此 时 屏幕 输出 的 亮度 和 球面 的 光照 结果 并 不 是 线性 的 。 假 设 球面 上 有 一 点 A， 它 
的 法 线 和 光线 方向 成 60"， 还 有 一 点 B， 它 的 法 线 和 光线 方向 成 90"。 那 么 ， 在 shader 中 计算 漫 反 
射 光照 时 ， 我 们 会 得 出 A 的 输出 是 (0.5, 0.5, 0.5)，B 的 输出 是 (1.0, 1.0, 1.0)。 在 图 18.20 的 左 
图 中 ， 我 们 没有 进行 伽 马 校正 ， 因 此 ， 由 于 显示 器 存在 显示 伽 马 就 引入 了 非 线 性 关系 ， 也 就 是 说 
A 点 的 亮度 其 实 并 不 是 B 亮度 的 一 半 ， 而 约 为 它 的 1/4。 在 图 18.20 的 右 图 中 ,我 们 使 用 了 线性 空 
闻 ，Unity 会 在 把 像素 写 入 颜色 缓冲 前 进行 一 次 伽 马 校正 ， 来 抵消 屏幕 的 显示 伽 马 的 作用 ， 此 时 
得 到 屏幕 亮度 才 是 真正 跟 像素 值 成 正比 的 。 
伽 马 的 存在 还 会 对 混合 造成 影响 。 在 场景 Scene_18_4_2_b 中 演示 了 一 个 简单 的 场景 来 说 明 这 
个 现象 。 在 场景 Scene_18_4_2_b 中 ,我 们 放置 了 3 个 互相 重合 的 圆 ， 它 们 使 用 的 材质 均 为 简单 的 
透明 混合 材质 ， 并 使 用 了 一 个 边界 模糊 的 圆 作为 输入 纹理 。 场 景 在 伽 马 空间 和 线性 空间 下 的 效果 
如 图 18.21 所 示 。 


4 图 18.20 左边 : 伽 马 空间 下 的 演 染 结果 ， 4 图 18.21 左边 : 伽 马 空间 下 的 混合 结果 ， 
右边 : 线性 空间 下 的 泻 染 结果 右边 : 线性 空间 下 的 混合 结果 


在 图 18.21 左 图 所 示 的 伽 马 空间 下 ， 我 们 可 以 看 到 在 绿色 和 红色 的 混合 边界 处 出 现 了 不 正常 
的 蓝 色 渐变 。 而 正确 的 混合 结果 应 该 是 如 图 18.21 右边 图 所 示 的 从 绿色 到 红色 的 渐变 。 除 此 之 外 ， 
我 们 也 可 以 看 到 图 18.21 左边 图 中 交叉 的 边界 似乎 都 变 暗 了 。 这 是 因为 在 混合 后 进行 输出 时 ， 显 
示 器 的 显示 伽 马 导 致 接 缝 处 颜色 变 暗 。 
实际 上 ， 演 染 中 非 线性 输入 最 有 可 能 的 来 源 就 是 纹理 。 为 了 充分 利用 存储 空间 ， 大 多 数 图 像 
文件 都 进行 了 提前 的 校正 ， 即 已 经 使 用 了 一 个 编码 伽 马 对 像素 值 编码 。 但 这 意味 着 它们 是 非 线 性 
的 ， 如 果 我 们 在 shader 中 直接 使 用 纹理 采样 值 就 会 造成 在 非 线性 空间 的 计算 ， 使 得 结果 和 真实 世 
界 的 结果 不 一 致 。 我 们 在 使 用 多 级 渐 远 纹理 (mipmaps) 时 也 需要 注意 。 如 果 纹 理 存 储 在 非 线性 
空间 中 ， 那 么 在 计算 多 级 渐 远 纹理 时 就 会 在 非 线性 空间 里 计算 。 由 于 多 级 渐 远 纹理 的 计算 是 种 线 
性 计算 一 一 即 采样 的 过 程 ， 需 要 对 某 个 方形 区 域内 的 像素 取 平 均值 ， 这 样 就 会 得 到 错误 的 结 
正确 的 做 法 是 ， 我 们 要 把 非 线性 的 纹理 转换 到 线性 空间 后 再 计算 多 级 渐 远 纹理 。 
如 上 所 说 ， 伽 马 的 存在 使 得 我 们 很 容易 得 到 非 线 性 空间 下 的 泻 染 结果 。 在 游戏 泻 染 中 ， 我 们 
应 该 保证 所 有 的 输入 都 被 转换 到 了 线性 空间 下 ， 并 在 线性 空间 下 进行 各 种 光照 计算 ， 最 后 在 输出 
前 通过 一 个 编码 伽 马 进 行 伽 马 校正 后 再 输出 到 颜色 缓冲 中 。Untiy 的 颜色 空间 设置 就 可 以 满足 我 
们 的 需求 。 当 我 们 选择 伽 马 空间 时 ， 实 际 上 就 是 “放任 模式 ” 不 会 对 Shader 的 输入 进行 任何 处 
里 ， 即 使 输入 可 能 是 非 线性 的 ， 也 不 会 对 输出 像素 进行 任何 处 理 ， 这 意味 着 输出 的 像素 会 经 过 显 
示 器 的 显示 伽 马 转换 后 得 到 非 预期 的 亮度 , 通常 表现 为 整个 场景 会 比较 昏暗 。 当 选择 线性 空间 时 ， 
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Unity 会 把 输入 纹理 设置 为 SRGB 模式 , 在 这 种 模式 下 , 硬件 在 对 纹理 进行 采样 时 会 自动 将 其 转换 
到 线性 空间 中 ; 并 且 ，GPU 会 在 Shader 写 入 颜色 缓冲 前 自动 进行 伽 马 校正 或 是 保持 线性 在 后 对 
进行 伽 马 校 正 ， 这 取决 于 当前 的 泻 染 配 置 。 如 果 我 们 开启 了 HDR《〈 见 18.4.3 节 ) 的 话 ， 泻 染 就 会 
使 用 一 个 浮 点 精度 的 缓冲 。 这 些 缓冲 有 足够 的 精度 不 需要 我 们 进行 任何 伽 马 校正 ， 此 时 所 有 的 混 
合 和 屏幕 后 处 理 都 是 在 线性 空间 下 进行 的 。 当 演 染 完成 要 写 入 显示 设备 的 后 备 缓冲 区 〈back 
buffer) 时 ， 再 进行 一 次 最 后 的 伽 马 校正 。 如 果 我 们 没有 使 用 HDR， 那 么 Unity 就 会 把 缓冲 设置 
成 SRGB 格式 ， 这 种 格式 的 缓冲 就 像 一 个 普通 的 纹理 一 样 ， 在 写 入 绥 冲 前 需要 进行 伽 马 校正 ， 在 
读 取 缓冲 时 需要 再 进行 一 次 解码 操作 。 如 果 此 时 开启 了 混合 〈 像 我 们 之 前 的 那样 ), 在 每 次 混合 时 
硬件 会 首先 把 之 前 颜色 缓冲 中 存储 的 颜色 值 转换 回 线性 空间 中 ， 然 后 再 与 当前 的 颜色 进行 混合 
完成 后 再 进行 伽 马 校正 ， 最 后 把 校正 后 的 混合 结果 写 入 颜色 缓冲 中 。 这 里 需要 注意 ， 透 明 通道 是 
不 会 参与 伽 马 校正 的 。 

然而 ，Unity 的 线性 空间 并 不 是 所 有 平台 都 支持 的 ， 例 如 ， 移 动 平台 就 无 法 使 用 线性 空间 。 
此 时 ， 我 们 就 需要 自己 在 shader 中 进行 伽 马 校正 。 对 非 线性 输入 纹理 的 校正 代码 通常 如 下 ; 


| float3 diffuseCol = pow(tex2D( diffTex, texCoord ), 2.2 ); 


在 最 后 输出 前 ， 对 输出 像素 值 的 校正 代码 通常 如 下 面 这 样 : 


| ragColor.rgb = pow(fragColor.rgb, 1. 中 
| FE lolol b (£ G Bi 了 工 :0X/2527) 
return fragColor; 


但 是 ， 手 工 对 输出 像素 进行 伽 马 校正 会 在 使 用 混合 时 出 现 问题 。 这 是 因为 ， 校 正 会 导致 写 入 
颜色 缓冲 内 的 颜色 是 非 线性 的 ， 这 样 混 合 就 发 生 在 非 线性 空间 中 。 一 种 解决 方法 是 ， 在 中 间 计 算 
时 不 要 对 输出 颜色 值 进行 伽 马 校正 ， 但 在 最 后 需要 进行 一 个 屏幕 后 处 理 操作 来 对 最 后 的 输出 进行 
伽 马 校正 ， 也 就 是 说 我 们 需要 保证 伽 马 校正 发 生 在 演 染 的 最 后 一 步 中 ， 但 这 可 能 会 造成 一 定 的 性 
能 损耗 。 

你 会 说 ， 伽 马 这 么 有 麻烦， 什么 时 候 可 以 舍弃 它 昵 ?如果 有 一 天 我 们 对 图 像 的 存储 空间 能 够 大 
大 提升 ， 通 用 的 格式 不 再 是 8 位 时 ,例如 是 32 位 时 ， 伽 马 也 许 就 会 消失 。 因 为 ,我们 有 足够 多 的 
颜色 空间 可 以 利用 ， 不 需要 为 了 充分 利用 存储 空间 进行 伽 马 编码 的 工作 了 。 这 就 是 我 们 下 面 要 
的 HDR。 
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18.4.3 什么 是 HDR 


在 使 用 基于 物理 的 泻 染 时 ， 我 们 经 常会 听 到 一 个 名 词 就 是 HDR。HDR 是 High Dynamic 
Range 的 缩写 ， 即 高 动态 范围 ， 与 之 相对 的 是 低 动 态 范围 (Low Dynamic Range，LDR )。 那 么 
这 个 动态 范围 是 指 什么 呢 ? 通俗 来 讲 ， 动 态 范围 指 的 就 是 最 高 的 和 最 低 的 亮度 值 之 间 的 比值 。 
在 真实 世界 中 ， 一 个 场景 中 最 亮 和 最 暗 区 域 的 范围 可 以 非常 大 ,， 例如， 太阳 发 出 的 光 可 能 要 比 
场景 中 某 个 影子 上 的 点 的 亮度 要 高 出 儿 万 倍 , 这 些 范 围 远 远 超过 图 像 或 显示 器 能 够 显示 的 范围 。 
通常 在 显示 设备 使 用 的 颜色 缓冲 中 每 个 通道 的 精度 为 8 位 ， 意 味 着 我 们 只 能 用 这 256 种 不 同 的 
亮度 来 表示 真实 世界 中 所 有 的 亮度 ， 因 此 ， 在 这 个 过 程 中 一 定 会 存在 一 定 的 精度 损失 。 早 期 的 
摄 设备 利用 人 了 眼 的 特点 ， 使 用 了 伽 马 曲线 来 对 捕捉 到 的 图 像 进行 编码 ， 尺 可 能 充分 地 利用 这 
些 有 限 的 存储 空间 ， 这 点 我 们 已 经 在 18.4.2 节 解 释 过 了 。 然 而 ，HDR 的 出 现 给 我 们 带 来 了 新 的 
希望 ，HDR 使 用 远 远 高 于 8 位 的 精度 (如 32 位 ) 来 记录 亮度 信息 ， 使 得 我 们 可 以 表示 超过 0 一 
1 内 的 亮度 值 ， 从 而 可 以 更 加 精确 地 反映 真实 的 光照 环境 。 尽 管 我 们 最 后 还 是 需要 把 信息 转换 
到 显示 设备 使 用 的 LDR 内 , 但 中 间 的 计算 却 可 以 让 我 们 得 到 更 加 真实 可 信 的 效果 。Nvidia 曾 总 
结 过 使 用 HDR 进行 泻 染 的 动机 : 让 亮 的 物体 可 以 真 地 非常 亮 ， 暗 的 物体 可 以 真 地 非常 暗 ， 同 时 
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又 可 以 看 到 两 者 之 间 的 细节 。 

使 用 HDR 来 存储 的 图 像 被 称 为 高 动态 范围 图 像 (HDRI)， 例 如 ， 我 们 在 18.3 节 中 就 是 使 用 
了 一 张 HDRI 图 像 来 作为 场景 的 Skybox。 这 样 的 Skybox 可 以 更 加 真实 地 反映 物体 周围 的 环境 ， 
从 而 得 到 更 加 真实 的 反射 效果 。 不 仅 如 此 ，HDR 对 与 光照 车 加 也 有 非常 重要 的 作用 。 如 果 我 们 的 
场景 中 有 很 多 光源 或 是 光源 强度 很 大 ， 那 么 一 个 物体 在 经 过 多 次 光照 泻 染 车 加 后 最 终 得 到 的 光照 
亮度 很 可 能 会 超过 1。 如 果 没 有 使 用 HDR， 这 些 超过 1 的 部 分 全 部 会 截取 到 1， 使 得 场景 丢失 了 
很 多 亮 部 区 域 的 细节 。 但 如 果 开 启 了 HDR， 我 们 就 可 以 保留 这 些 超过 范围 的 光照 结果 ， 尽 管 最 后 
我 们 仍然 需要 把 它们 转换 到 LDR 进行 显示 ， 但 我 们 可 以 使 用 色调 映射 〈tonemapping) 技术 来 控 
制 这 个 转换 的 过 程 ， 从 而 多 许 我 们 最 大 限度 地 保留 需要 的 亮度 细节 。 

HDR 的 使 用 可 以 允许 我 们 在 屏幕 后 处 理 中 拥有 更 多 的 控制 权 。 例如 , 我 们 常常 同时 使 用 HDR 
和 Bloom 效果 。 我 们 曾 在 12.5 贡 解 释 了 Bloom 特效 的 实现 原理 ，Bloom 效果 需要 检测 屏幕 中 亮 
度 大 于 某 个 闵 值 的 像素 , 把 它们 提取 出 来 后 进行 模糊 , 再 共 加 到 原 图 像 中 ,但 是 , 如 果 不 使 用 HDR 
的 话 ， 我 们 只 能 使 用 小 于 1 的 浆 值 来 提取 需要 的 像素 ， 但 很 多 时 候 我 们 实际 上 是 需要 提取 那些 非 
常 亮 的 区 域 , 例如 车 窗 上 对 太阳 的 强烈 反光 。 由 于 没有 使 用 HDR， 这 些 值 实际 上 很 可 能 和 街 上 一 
些 颜色 偏 白 的 区 域 几乎 一 样 ， 造 成 不 希望 的 区 域 也 会 出 现 泛 光 的 效果 。 如 果 我 们 使 用 HDR， 这 些 
就 都 可 以 解决 了 ， 我 们 只 需要 使 用 超过 1 的 阐 值 来 只 提取 那些 非常 亮 的 区 域 即 可 。 
总 体 来 说 ， 使 用 HDR 可 以 让 我 们 不 会 丢失 高 亮度 区 域 的 颜色 值 ， 提 供 了 更 真实 的 光照 效果 ， 
并 为 一 些 屏 幕后 处 理 提供 了 更 多 的 控制 能 力 。 但 HDR 也 有 自身 的 缺点 ， 首 先 由 于 使 用 了 浮 点 组 
冲 来 存储 高 精度 图 像 ， 不 仅 需 要 更 大 的 最 存 空 间 ， 泻 染 速度 会 变 慢 ， 除 此 之 外 ， 一 些 硬 件 并 不 文 
持 HDR。 而 且 一 旦 使 用 了 HDRY 我 们 无 法 在 利用 硬件 的 抗 锯齿 功能 。 事 实 上 , 在 Unity 中 如 果 我 
们 同时 打开 了 硬件 的 抗 锯 齿 (在 .Edit > Project Settings 一 Quality 一 Anti Aliasing 中 打开 ) 和 摄像 
机 的 HDR，Unity 会 发 出 警告 来 提示 我 们 由 于 开局 了 抗 锯 齿 ， 因 此 ， 无 法 使 用 HDR 缓冲 。 尽 管 如 
此 ， 我 们 可 以 使 用 基于 屏幕 后 处 理 的 抗 锯 此 操作 来 弥补 这 一 点 。 
在 Unity 中 使 用 HDR 也 非常 简单 ， 我 们 可 以 在 Camera 组 件 面板 中 打开 HDR 选项 即 可 。 此 
时 , 场景 就 会 被 演 染 到 一 个 HDR 的 图 像 缓冲 中 ， 这 个 缓冲 的 精度 范围 可 以 远 远 超过 0 一 1。 最 后 ， 
我 们 可 以 再 使 用 一 个 色调 映射 的 屏幕 后 处 理 脚 本 来 把 HDR 图 像 转换 到 LDR 图 像 进行 显示 。 读 才 
可 以 在 Unity 官方 手册 中 的 高 动态 范围 泻 染 一 节 (http://docs.unity3d.com/Manual/HDR.html) 以 及 
本 章 最 后 的 扩展 阅读 中 找到 更 多 的 内 容 。 


18.4.4 那么 ，PBS 适合 什么 样 的 游戏 


在 把 PBS 引入 当前 的 游戏 项 目 之 前 , 我 们 需要 权衡 一 下 它 的 优 缺 点 。 需 要 再 次 提醒 读者 的 是 ， 
PBS 并 不 意味 着 游戏 画面 需要 追求 和 照片 一 样 真 实 的 效果 。 事 实 上 ， 很 多 游戏 都 不 需要 刻意 去 追 
求 与 照片 一 样 的 真实 感 ， 玩 家 眼中 的 真实 感 大 多 也 并 不 是 如 此 。PBS 的 优点 在 于 ， 我 们 只 需要 一 
个 万 能 的 shader 就 可 以 泻 染 相当 一 大 部 分 类 型 的 材质 ， 而 不 是 使 用 传统 的 做 法 为 每 种 材质 写 一 个 
特定 的 shader。 同 时 ，PBS 可 以 保证 在 各 种 光照 条 件 下 ， 材 质 都 可 以 自然 地 和 光源 进行 交互 ， 而 
不 需要 我 们 反复 地 调整 材质 参数 。 

然而 ,在 使 用 PBS 时 我 们 也 需要 考虑 到 它 带 来 的 代价 。 如 上 面 提 到 的 ，PBS 往往 需要 更 复杂 
的 光照 配合 ， 例 如 大 量 使 用 光照 探 针 和 反射 探 针 等 。 而 且 PBS 也 需要 开启 HDR 以 及 一 些 必 不 可 
少 的 屏幕 特效 ， 例 如 抗 锯齿 、Bloom 和 色调 映射 ， 如 果 这 些 屏幕 特效 对 当前 游戏 来 说 需要 消耗 过 
多 的 性 能 ， 那 么 PBS 就 不 适合 当前 的 游戏 ， 我 们 应 该 使 用 传统 的 shader 来 泻 染 游戏 。 使 用 PBS 
对 美工 人 员 来 说 同样 是 个 挑战 。 美 术 资源 的 制作 过 程 和 使 用 传统 的 shader 有 很 大 不 同 ， 普 通 的 法 
线 纹理 + 高 光 反 射 纹理 的 组 合 不 再 适用 ， 我 们 需要 创建 更 细腻 复杂 的 纹理 集 ， 包 括 金属 值 纹理 、 


高 光 反 射 纹 理 、 粗 糙 度 纹理 、 遮 挡 纹 理 ， 有 些 还 需要 使 用 额外 的 细节 纹理 来 给 材质 添加 更 多 的 细 
节 表 面 。 除 了 使 用 图 片 扫 描 的 传统 辅助 方法 外 , 这些 纹理 的 制作 通常 还 需要 更 专业 的 工具 来 绘制 ， 
例如 Allegorithmic Substance Painter 和 Quixel Suite。 


扩展 阅读 


Unity 官方 提供 了 很 多 学 习 PBS 的 资料 。 在 Unity 官方 博客 中 的 全 局 光照 一 文 〈global- 
illumination-in-unity-5) 中 ， 简 明 地 阐述 了 全 局 光照 的 解决 方案 。 在 另外 两 篇 博客 〈working-with- 
physically-based-Shading-a-practical-approach/、physically-based-shading-in-unity- 5-a-primer/) ! 
介绍 了 Standard Shader 的 用 法 和 注意 事项 。 官 方 项 目 也 是 很 好 的 学 习 资 料 。Unity 开放 了 基于 物 
里 着 色 器 的 示例 项 目 Viking Village 以 及 两 个 更 小 的 示例 项 目 Shader Calibration Scene 和 
Corridor Lighting Example 来 着 重 介 绍 如 何 使 用 Unity 5 全 新 的 Standard Shader 和 全 局 光照 系统 。 
看 过 Unity 5 宣传 视频 的 读者 想必 对 Unity 5 制作 出 来 的 电影 短片 The Blacksmith 印象 深刻 , 尽管 
Unity 没有 开放 出 完整 的 工程 ， 但 把 许多 关键 的 技术 实现 放 到 了 资源 商店 里 ， 例 如 ， 人 物 角 色 使 
j 的 Shader、 头 发 使 用 的 Shader、 人 物 阴 影 、 大 气 次 散射 等 ， 这 些 都 是 非常 好 的 学 习 资 料 。 除 此 
之 外 ，Unity 还 提供 了 一 些 相 关 教 程 供 新 手 学 习 ， 读 者 可 以 在 图 形 的 教程 板块 
(http://unity3d.com/cn/learn/tutorials/ topics/graphics) 下 找到 很 多 相关 教程 。 例 如 ， 在 Unity 5 的 光 
照 概览 (http://unity3d.com/cn/learn/ tutorials/modules/ beginner/unity-5/unity5-lighting-overview) 中 ， 
介绍 了 Unity 5 中 使 用 的 各 种 全 局 光照 技术 ; 光照 和 泻 染 (https:Wunity3d.comy/cn/learn/tutorials/ 
modules/beginner/graphics/lighting- and-rendering) 一文 更 加 详细 地 介绍 了 Unity 5 中 各 种 光照 的 实 
现 细节 ， 以 及 一 些 设置 场景 光照 时 的 注意 事项 ; 在 Standard Shader 的 视频 教程 
(http://unity3d.com/cn/learn/tutorials/modules/beginner/ 5-tutorials/ standard-shader) 中 ，Unity 介绍 了 
Standard Shader 的 基本 用 法 以 及 和 光照 之 间 的 配合 

近年 来 , Unity 官方 在 Unite、SIGGRAPH 等 大 会 上 也 分 享 不 少 关 于 PBS 的 技术 资料 。 在 Unite 
2014 会 议 上 ，Anton Hand 在 他 的 演讲 中 给 出 了 很 多 关于 如 何 创 建 PBS 中 使 用 的 资源 的 最 佳 实践 ; 
Renaldas Zioma 和 Erland Ko6rner 讲解 了 如 何在 Unity 5 中 更 加 有 效 地 使 用 PBS。 在 SIGGRPAH 2015 
会 议 上 ， 来 自 Unity 的 技术 人 员 分 享 了 The Blacksmith 的 环境 制作 过 程 。 

如 果 读 者 希望 更 深入 地 学 习 PBS 的 理论 和 实践 ， 可 以 在 近年 来 的 SIGGRAPH 课程 上 找到 非 
常 丰富 的 资料 。 SIGGRAPH 自 2006 年 起 开始 出 现 与 PBS 相关 的 课程 , 更 是 连续 4 年 (2012 一 2015 ) 
来 自 各 大 游戏 公司 和 影视 公司 的 技术 人 员 分 享 他 们 在 PBS 上 的 实践 。 例 如 在 2012 年 的 课程 上 ， 
Disney 公布 了 他 们 在 离线 演 染 时 使 用 的 BRDF 模型 , 这 也 是 Unity 等 很 多 游戏 引擎 使 用 的 PBR 的 
里 论 基 础 。Kostas Anagnostou 在 他 的 文章 中 列 出 了 非常 多 的 关于 PBR 的 相关 文章 ,包括 我 们 上 国 
提 到 的 SIGGRAPH 课程 ， 强 烈 建 议 有 兴趣 的 读者 去 浏览 一 番 。 
国内 的 相关 资料 则 相对 较 少 。 获 敏 敏 在 他 的 KlayGE 引擎 中 引入 了 PBS， 并 写 了 系列 博文 来 
简明 地 阐述 其 中 的 理论 基础 。 在 知 乎 专栏 Behind the Pixels (http://zhuanlan.zhihu.com/graphics) 
中 ， 作 者 给 出 了 3 篇 关于 基于 物理 着 色 的 系列 文章 。 


川 


a 


p= 


于 
过 


[1] Hoftman N. Background: physics and math of shading[C]//Fourth International Conference 
and Exhibition on Computer Graphics and Interactive Techniques, Anaheim, USA. 2013: 21-23 。 


363 


[2] Burley B, Studios W D A. Physically-based shading at disney[C]/ACM SIGGRAPH. 2012: 
1-7。 

[3] Walter B, Marschner S R, Li H, et al. Microfacet models for refraction through rough 
surfaces[C]//Proceedings of the 18th Eurographics conference on Rendering Techniques. Eurographics 
Association, 2007: 195-206。 

[4] Beckmann P, Spizzichino A. The scattering of electromagnetic waves from rough surfaces[J]. 
Norwood, MA, Artech House, Inc., 1987, S11 p., 1987, 1。 

[5] Torrance K E, Sparrow E M. Theory for off-specular reflection from roughened surfaces[J]. 
JOSA, 1967, 57(9): 1105-1112。 

[6] Smith B G. Geometrical shadowing of a random rough surface[J]. Antennas and Propagation, 
IEEE Transactions on, 1967, 15(5): 668-671。 

[7] Blinn J F. Models of light reflection for computer synthesized pictures[C]/ACM SIGGRAPH 
Computer Graphics. ACM, 1977, 11(2): 192-198 。 

[8] Schlick C. An inexpensive BRDF model for physically-based rendering[Cl]//Computer graphics 
forum. 1994, 13(3): 233-240 。 


364 


察觉 ， 例 义 
现 和 Unity 
新 《〈 仅 关注 


第 19 羡 


Unity 5 相 较 于 之 前 的 版 本 来 说 ,在 shader 方 男 
0D， 如 果 读 者 直接 把 在 Unity 4 中 使 用 的 一 些 shader 源 代码 粘贴 到 Unity 5 中 ， 往 往 会 发 


Unity 5 更 新 了 什么 


做 了 许多 重要 的 更 新 。 


4 中 得 到 的 演 染 乡 


思量 寺 7 


类 似 下 面 的 代码 : 


// Unity 5 之 前 的 shader 经 常 


吉 果 不 尽 相 同 ，1 
shader 方面 的 更 新 ) 进行 解释 ， 来 帮助 读 


如 果 你 曾经 学 习 或 阅读 过 Unity 5 之 前 上 


其 至 还 会 报错 。 本 章 将 会 对 Unity 5 进行 的 一 


的 一 些 Shader 源码 的 话 ， 往 往 


由 


更 于 


折 很 容易 被 大 家 


些 重要 更 


省 加深 对 Unity Shader 的 理解 。 


包含 了 类 似 下 面 的 代码 ， 


会 在 计算 漫 反 射 时 发 现 


| // 而 在 Unity 5 中 ， 我 们 不 需要 再 进行 x2 的 操作 
c.rgb = s.Albedo * _LightColor0.rgp * (diff * atten * 2); 

这 类 代码 通常 会 在 光照 结果 的 最 后 乘 以 系数 2， 而 作者 往往 解释 说 ， 因 为 不 乘 以 2 的 话 场景 
会 看 起 来 很 暗 。 但 是 ， 如 果 我 们 仍然 在 Unity 5 中 编写 类 似 上 面 的 代码 ， 场 景 就 会 看 起 来 变 亮 了 ， 
这 通常 不 是 我 们 希望 看 到 的 。Unity 5 之 前 的 Shader 中 需要 乘 以 2 是 一 个 历史 遗留 原因 ， 并 最 终 
在 Unity 5 中 得 到 了 修正 。 在 Unity 5 中 ， 光 照 的 强度 被 自动 增强 到 原来 的 两 倍 。 这 意味 着 ， 如 果 
我 们 在 场景 中 放置 一 个 纯 白色 的 平面 ， 同 时 让 一 个 平行 光 从 它 的 正 上 方 垂直 照射 到 它 的 表面 ， 那 
么 平面 得 到 的 漫 反射 光照 结果 就 是 平行 光 本 身 的 颜色 。 而 在 Unity 5 之 前 的 版 本 中 ， 上 述 的 平面 
并 不 会 得 到 和 光源 颜色 一 致 的 结果 。 

因此 ， 如 果 读 者 直接 从 之 前 的 项 目 中 使 用 现成 的 Shader 代码 并 把 它 移植 到 Unity 5 中 ， 需 要 
去 掉 光 照 计 算 中 乘 以 2 的 部 分 ， 来 得 到 和 之 前 一 致 的 光照 结果 。 
并 表面 着 色 器 更 容易 “报错 了 ” 

如 果 读 者 把 一 些 老 版 本 下 使 用 的 表面 着 色 器 代码 直接 粘贴 到 Unity 5 中 使 用 ， 可 能 会 发 现 原 
本 并 没有 报错 的 代码 在 Unity 5 下 报错 了 ， 这 些 报错 信息 通常 是 指 Shader 中 的 数学 指令 或 插值 寄 


存 器 的 数目 超过 了 限制， 
这 些 报错 信息 的 出 现 ， 是 因为 Unity 5 的 表面 着 色 器 在 背 


并 提示 和 电 而 要 使 


3 
|! 
二 


解释 过 表面 着 1 
点 / 片 元 着 1 
更 多 的 计算 和 插值 
加 的 计算 和 插值 


色 器 的 实现 原理 


Ey 


概括 来 说 就 是 Unity 


色 器 。 


这 些 转换 过 程 通常 是 


规律 可 循 的 , 


更 高 的 Shader Model， 如 SM 3.0。 
后 进行 了 更 多 的 计算 。 我 们 在 入 


J 在 Unity 5 : 


寄存 器 ， 从 而 造成 一 些 上 


定义 的 表 画 


之 前 


I 


下 是 


» 如 果 前 要 使 | 
了 传递 给 片 元 着 1 


色 器 ， 但 


寄存 器 通常 是 为 了 计算 阴影 
法 线 纹理 ，Unity 会 
Unity 5 则 选 ] 


泽 首 先 


C 


着 色 器 可 能 会 在 


会 在 背后 把 表面 着 色 器 转换 成 对 应 
，Unity 在 转换 过 程 中 使 用 


有 17 
的 顶 


新 版 本 中 报错 。 
、 雾 效 、 非 统一 缩放 模型 的 法 线 变换 矩阵 。 在 Unity 5 
邓 观 察 方向 和 光照 方向 在 顶点 着 色 器 中 变换 到 切线 空间 
在 顶点 着 色 器 中 计算 从 切线 空 


这 些 新 添 


间 到 世界 空间 的 变 


换 矩 阵 ， 再 在 片 元 着 色 器 中 把 法 线 变 换 到 世界 空间 下 ， 从 而 需要 使 用 更 多 的 插值 寄存 器 来 存储 变 
换 矩 阵 。 由 于 Unity 默认 的 Shader Model 版 本 为 2.0, 这 些 新 添加 的 计算 再 加 上 一 些 自 定义 的 变量 
和 计算 就 很 有 可 能 会 超过 SM 2.0 中 对 计算 指令 和 插值 寄存 器 数目 的 限制 。 

对 上 述 问题 的 解决 方法 也 很 简单 。 一 种 方法 是 直接 使 用 更 高 的 Shader Model, 例如 , 在 Shader 
中 添加 如 下 代码 来 指明 使 用 SM 3.0: 


| #pragma target 3.0 


另 一 个 方法 是 减少 表面 着 色 器 背后 的 计算 ,这 可 以 通过 表面 着 色 器 的 编译 指令 来 实现 。 例 如 ， 
我 们 可 以 通过 类 似 下 面 的 编译 指令 , 来 指明 不 需要 为 该 物体 计算 阴影 纹理 坐标 (不 接收 阴影 )、 光 
照 纹 理 坐 标 以 及 雾 效 ， 


| #pragma surface surfaceFunction lightModel noshadow nolightmap nofog 


[于] 当家 做 主 ， 自 己 控制 非 统一 缩放 的 网 格 


Unity 5 的 男 一 个 重要 的 改进 是 , 非 统一 缩放 的 网 格 不 再 由 Unity 提前 在 CPU 中 处 理 了 。 我 们 
曾 在 4.7 节 讲 到 过 非 统 一 缩放 对 法 线 变换 的 影响 ， 非 统一 缩放 的 网 格 需 要 使 用 原 变换 矩阵 的 逆转 
置 矩 阵 来 变换 法 线 才 可 以 得 到 正确 的 变换 结果 。 然 而 ， 在 Unity 5 之 前 的 版 本 中 ， 我 们 并 不 需要 
在 shader 中 考虑 非 统一 缩放 带 来 的 种 种 影响 , 因为 传 到 Shader 中 的 数据 已 经 不 存在 非 统 一 缩放 了 。 
那么 ， 这 是 如 何 做 到 的 呢 ? Unity 5 之 前 的 版 本 会 在 CPU 中 把 涉及 非 统 一 缩放 的 模型 变换 成 统一 
缩放 的 模型 ， 也 就 是 说 ，Unity 会 在 .CPU 中 再 创建 一 个 和 非 统 一 缩放 模型 空间 大 小 相同 ， 但 只 包 
含 统一 缩放 的 模型 。 因 此 ， 我 们 常常 会 在 一 些 较 旧 的 shader 版 本 中 看 到 类 似 下 面 的 代码 : 


// #define SCALED NORMALY/(Yy,,normal * unity Scale.w) 
float3 worldNormal = mul ( (fioat3x3)/ Object2World, SCALED NORMAL); 


上 面 的 代码 把 法 线 从 模型 空间 变换 到 世界 空间 下 ， 由 于 只 包含 统一 缩放 ， 因 此 ， 代 码 首先 使 
用 统一 缩放 系数 unity_Scale.w〔 在 Unity 4.x 中 ， 该 值 表示 的 值 为 /统一 缩放 系数 ) 来 得 到 归 一 化 
后 的 法 线 , 然后 再 使 用 模型 空间 到 世界 空间 的 变换 矩阵 直接 变换 法 线 方向 。Unity 5 之 前 采用 的 这 
种 做 法 的 好 处 是 ， 我 们 不 需要 在 演 染 中 考虑 非 统一 缩放 的 影响 ， 而 它 的 缺点 是 ，CPU 的 计算 消耗 
会 更 大 ， 而 且 需 要 占用 更 多 内 存 空间 来 存储 这 些 重新 缩放 的 模型 。 
Unity 5 正式 抛弃 了 之 前 的 做 法 ， 它 直接 将 原 顶 点 信息 和 包含 非 统 一 缩放 的 和 矩阵 传递 给 
Shader， 因 此 ，unity_Scale 也 就 没有 意义 了 。 如 果 我 们 需要 在 顶点 / 片 元 着 色 器 中 变换 顶点 法 线 ， 
就 需要 时 刻 小 心 非 统一 缩放 的 影响 ， 以 及 需要 对 变换 后 的 法 线 进 行 手动 归 一 化 的 操作 。 


让 耻 固定 管线 着 色 器 还 渐 退 出 舞台 


我 们 在 3.4.3 节 中 讲 到 ，Unity 支持 的 着 色 器 形式 包含 了 固定 管线 的 着 色 器 类 型 。 固 定 管线 着 
色 器 是 在 可 编程 着 色 器 出 现 之 前 ，GPU 大 量 使 用 的 着 色 器 形式 。 它 的 工作 方式 就 像 是 一 个 包含 了 
很 多 开关 和 配置 的 黑箱 子 , 我 们 可 以 通过 开启 或 关闭 某 些 功 能 来 让 GPU 进行 相应 的 泻 染 。 在 Unity 
最 开始 出 现 的 时 期 里 〈2005 年 6 月 ，Unity 1.0.1 发 布 )， 使 用 固定 管线 的 GPU 还 占据 了 一 定 的 市 
场 份额 ， 因 此 ，Unity 从 那 时 开始 就 始终 文 持 编号 固定 管线 的 着 色 器 。 

然而 ， 实 际 上 很 多 平台 早已 不 支持 固定 管线 着 色 器 。 例 如 ，OpenGL 1.5 是 最 后 一 个 使 用 固定 
管线 编程 的 OpenGL 版 本 ， 从 OpenGL 2.0 〈2004 年 发 布 ) 开始 ， 就 只 支持 可 编程 管线 的 着 色 器 。 
Unity 仍然 保留 对 固定 管线 着 色 器 的 支持 ， 是 出 于 两 个 主要 原因 : 首先 ， 有 很 多 项 目 和 资源 包 都 


大 量 使 用 了 固定 管线 着 色 器 , 其 次 是 固 


定 管线 着 色 器 的 代码 通常 要 比 实 


色 器 少 很 多 。 现在 Unity 支持 的 绝 大 多 数 : 


2 台 实 际 已 经 完全 不 


见 相同 功能 的 顶点 / 片 元 着 


支持 固 


背后 把 我 们 编写 的 固定 管线 着 色 器 转换 成 相应 的 可 编程 管线 着 色 器 。 


但 是 ， 这 样 的 做 法 有 很 多 次 端 。 


首先 ， 诸如 PS4 和 XboxOne 这 样 的 习 


管线 着 色 器 (这 点 在 Unity 5.2 中 得 至 
尺码 是 很 困难 的 。 其 次 ， 虽 然 固定 管 


旨 三 


党 有限， 最 后 ， 我 们 往往 仍然 需 


Unity 5.x 版 本 对 固定 管线 着 色 器 的 导入 和 乡 


定 管线 编程 ，Unity 需 


台 并 不 支持 


1 了 改善 )， 这 主要 是 因为 想 要 在 这 些 平台 上 实时 生成 着 色 


王 
六 


固 


Unity 的 


线 着 色 器 代码 比较 简单 ， 但 这 些 着 色 器 能 够 实现 的 效果 非 
要 使 用 灵活 性 更 高 的 顶点 / 片 元 着 色 器 来 蔡 代 。 
有 译 进行 了 优化 。 截止 到 Unity 5.2 版 本 ， 所 


2 


丰 


了 回 


管线 着 色 器 都 会 在 导入 时 被 转换 成 真正 的 顶点 / 片 元 着 色 器 ， 并 且 已 经 支持 所 有 平台 ， 包 括 游 戏 机 
平台 。 我 们 还 可 以 在 shader 的 导入 面板 中 查看 固定 管线 着 色 器 生成 的 顶点 / 片 元 着 色 器 ,如 图 19.1 
所 示 。 


s | Legacy Shaders/VertexLit 


回头 


ix i 
Compiled code 
Cast shadows 
Render queue 
LOD 
lgnore projector 
Disable batching 
Properties: 
-Color 
_SpecColor 
-Emission 
-Shininess 
-MainTex 


Color: Main Color 
Color: Spec Color 
Color: Emissive Color 
Range: Shininess 
Texture: Base (RGB) 


4 图 19.1 在 shader 的 导入 面板 中 ， 单 击 图 中 按钮 可 查看 Unity 
为 该 固定 管线 着 色 器 生成 的 顶点/ 片 元 着 色 器 代码 

但 缺点 是 ， 以 前 一 些 固定 管线 着 色 器 的 功能 ， 例 如 ， 使 用 TexGen 命令 来 生成 纹理 坐标 以 及 
进行 纹理 坐标 变换 的 和 矩阵 操作 等 ， 已 经 被 抛弃 了 。 而 且 ， 我 们 也 不 可 以 再 在 脚本 中 使 用 类 似 new 
Material(“fixed function shader string”) 的 代码 来 实时 创建 一 个 固定 管线 的 着 色 器 。 除 此 之 外 ， 我 
们 也 不 可 以 再 混用 可 编程 和 固定 管线 的 着 色 器 。 

实际 上 ， 由 于 Unity 目前 支持 的 所 有 平台 都 已 经 抛弃 了 固定 管线 着 色 器 ， 我 们 已 经 没有 必要 
再 使 用 固定 管线 着 色 器 来 进行 渲染 了 。 如 果 读 者 希望 了 解 更 多 Unity 5 对 固定 管线 的 优化 ， 可 以 
参见 Unity 图 形 工 程 师 Aras 的 博客 。 
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我 们 相信 一 本 几 十 万 字 的 书籍 并 不 能 满足 一 些 读 者 对 于 泻 染 强 烈 的 求知 欲 。 在 本 书 的 最 后 ， 


我 们 会 给 出 许多 优秀 的 学 习 资料 来 帮助 读 


Unity Shader 实际 是 建立 在 OpenGL、DirectX 这 样 更 加 基础 的 
门 节省 很 多 工作 ， 但 可 


装 可 以 为 我 
各 自 非常 出 


《OpenGL 超级 


的 还 有 GPU Pro 系列 


的 精英 对 各 利 


图 


像 编程 接口 


的。 这样 的 封 


粹 系列 书籍 。 


泻 染 技术 的 总 结 ， 


i 


EE 典 》 趾 。 更 多 的 参考 书 可 以 在 叶 劲 
门 /API 类 (http:/www.douban.com/doulist/1445744/〉 中 找到 。 

GPU 精粹 系列 书籍 PI 中 包含 许多 游戏 和 
书籍 和 SliaderX 系列 书籍 站。 
希望 深信 了解 


能 会 影响 我 们 


其 他 实时 演 染 ， 


对 底层 工作 方式 的 理解 。 这 些 
色 的 学 习 资料 ， 例 如 OpenGL 有 非常 有 名 的 红 宝 书 《OpenGL 编程 指南 》 山 和 蓝 宝 书 
条 (网 名 ; Milo Yip) 的 豆 列 计算 机 图 形 ; 入 


染 各 个 方 


疆 


一 口 


图 像 编程 接 


了 更 多 的 医 


口 都 有 


使 用 的 高 级 演 染 技术 。 与 之 类 似 
这 些 内 容 相 对 比较 高 深 大 都 来 源 于 行业 内 
四 的 读者 一 定 不 可 以 错过 。 
的 豆 列 计算 机 图 形 : Gems 类 (http://Wwww.douban.com/doulist/1445745/) 中 总 


叶 劲 峰 在 他 


图 形 学 精 


四 一 书 中 ， 作 


尽管 本 书 关注 的 是 游戏 中 使 用 的 实时 演 染 技术 ， 但 一 些 基于 光线 追踪 等 方式 的 泻 染 方法 同样 
是 图 形 学 中 的 重点 。 在 《Physically based rendering: From theory to implementation 》 
者 介绍 并 实现 了 基于 物理 演 染 的 框架 ， 这 是 学 习 光线 追踪 和 PBS 的 非常 好 的 资料 。 

最 后 ， 我 们 不 得 不 提起 被 誉 为 图 形 程序 员 专 著 的 《Real-time Rendering, third Edition》 巴 一 书 。 
在 该 书 出 版 时 ， 几 乎 涵盖 了 实时 演 染 中 的 所 有 相关 技术 ， 作 者 在 书 中 给 出 了 大 量 的 参考 文献 ， 并 
在 网 上 维护 了 一 个 专门 的 页 面 来 总 结实 时 泻 染 中 使 用 的 各 个 技术 和 资料 。 

在 学 术 方 面 ， 图 形 学 相关 的 会 议和 论坛 是 开阔 视野 、 学 习 前 沿 泻 染 技术 的 绝 佳 途 径 。 
SIGGRAPH 会 议 是 图 形 学 领域 最 顶级 的 会 议 , 每 年 来 自 世 界 各 地 的 顶尖 学 者 和 行业 精英 都 会 汇聚 


一 得 ， 展 示 这 一 年 中 他 们 在 图 形 学 领域 的 了 


[ 作 和 进展 。 与 之 类 似 的 会 议 还 有 ，SIGGRAPH Asia、 


Eurographics、Symposium on Interactive 3D Graphics and Games 等 会 议 , 读者 可 以 在 Ke-Sen Huang 


的 主页 


在 第 


代 游 戏 画 


17 章 中 提 到 的 课程 
Real-Time Rendering 系列 课程 同 料 
Epic 等 知名 游戏 公司 的 技术 人 员 将 
面 的 。 自 
戏 息 息 相关 的 会 议 是 游戏 开发 孝 


阐述 他 们 是 如 何在 游戏 中 使 用 各 种 


找到 历年 在 这 些 会 议 上 发 表 的 论文 。 需 要 特别 提出 的 是 ， 每 名 
SIGGRAPH Course 中 都 会 有 很 多 来 自 游戏 行业 的 技术 人 员 分享 1 


FE SIGGRAPH 上 的 


bh 们 在 游戏 图 像 方 


2006 年 起 ， 该 课程 


会 


集 全 世界 的 游戏 开发 者 。 自 2009 性 


更 多 的 行业 交流 机 会 。 


会 议 (Game Developers Conference, GDC), 每 名 
FE， 中 国 也 迎 来 了 GDC China, 给 中 国 


Physically Based Shading in Theory and Practice 外 ，Advances in 
是 非常 出 色 的 学 习 资料 。 在 这 个 课程 中 ， 来 


自 艺 电 、 育 碍 、 


复杂 的 泻 染 


技术 来 实现 次 世 
经 在 SIGGRAPH Course 上 连续 举办 了 十 届 。 另 一 个 与 游 
FE 的 GDC 会 议 都 
的 游戏 开发 者 提供 了 


除了 上 述 提 到 的 书籍 和 会 议 外 ， 一 些 非常 有 趣 的 网 站 也 可 以 帮助 开阔 我 们 的 视野 。 在 
Shadertoy 网 站 上 , 你 可 以 看 到 来 自 全 世界 的 人 们 是 如 何 只 用 一 个 片 元 着 色 器 来 实现 各 种 或 恢弘 壮 
丽 、 或 经 典 怀旧 的 场景 的 。 与 之 类 似 的 还 有 GLSL Sandbox Gallery 网 站 。 我 们 相信 ， 在 浏览 了 这 
些 网 站 后 ， 你 会 再 一 次 被 Shader 能 实现 的 效果 所 震撼 。 


由 了 世界 那么 大 


我 们 曾 听 到 很 多 声音 ， 抱 怨 Unity Shader 学 习 资 料 甚 少 ， 尽 管 我 们 希望 通过 这 本 书 来 改善 这 
样 的 情况 ， 但 不 可 否认 的 是 ， 仅 靠 一 本 书 恐 怕 无 法 让 一 个 人 从 技术 “小 白 ” 成 长 为 行业 大 牛 。 对 
于 泻 染 这 样 牵扯 到 很 多 复杂 知识 的 领域 来 说 ， 一 本 书 更 是 无 法 详细 地 解释 这 其 中 的 方方面面 。 实 
际 上 ， 网 络 上 有 许多 关于 这 方面 的 英文 资料 ， 我 们 能 够 体会 许多 英语 能 力 欠 佳 的 开发 者 在 这 方 盏 
的 苦恼 ， 但 如 果 你 永远 不 阅读 英文 资料 ， 那 么 你 将 错过 一 大 片 “ 森 林 ” 尽管 有 不 少 英文 资料 不 断 
被 引进 国内 ， 并 有 了 中 译 版 本 ， 但 是 由 于 翻译 质量 问题 等 因素 给 初学 者 带 来 了 不 少 的 阅读 障碍 。 
更 何况 ， 还 有 数 之 不 尽 的 优秀 的 英文 资料 是 仍然 没有 被 引入 的 。 
事实 上 ， 很 多 英文 资料 中 使 用 的 英语 大 多 是 基础 英语 ， 在 一 些 翻 译 软件 的 帮助 下 ， 阅 读 并 理 
解 这 些 内 容 并 没有 想象 中 的 那么 困难 。 在 作者 身边 也 有 不 少 对 学 习 英 语 十 分 苦恼 的 朋友 ， 在 经 过 
一 段 时 间 的 坚持 后 ， 他 们 普遍 反映 阅读 英文 书籍 越 来 越 轻 松 。 世 界 那 么 大 ， 不 要 让 语言 成 为 阻碍 
你 前 进 的 绊脚石 。 

最 后 ， 我 们 真心 地 希望 ， 本 书 可 以 为 你 的 Shader 学 习 之 旅 打开 一 扇 大 门 ， 让 你 离 制作 心目 中 
优秀 游戏 的 心愿 更 近 一 步 。 若 是 如 此 ， 那 想必 就 是 我 们 最 大 的 欣慰 了 。 
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孩 书 笔记 


孩 书 笔记 


孩 书 笔记 


相 比 国内 市 场 已 有 的 介绍 相关 内 容 的 书籍 和 资料 ， 本 书 本 书 按照 知识 点 循序 渐进 ， 对 Unity 中 各 个 类 型 的 


有 一 些 独 有 的 特色 。 Shadqder 都 进行 了 详细 阐述 ， 并 通过 大 量 实例 及 配 图 进行 讲 
内 容 独 特 。 填 补 了 Unity Shader 和 泻 染 流水 线 之 间 的 。 解 。 而 且 游 戏 中 很 多 常用 画面 效果 以 及 Unity 5.x 相 关 的 新 内 

知识 鸿沟 ， 对 Unity 中 一 些 泻 染 机 制 的 工作 原理 进行 详细 剖 。 容 都 有 涉及 。 相 信 读 者 通过 阅读 本 书 ， 对 Shader 的 运用 会 更 

析 ， 帮 助 读者 解决 “是 什么 ”“ 为 什么 ”“ 怎 么 做 ”这 3 个 ” 加 映 熟 。 

基本 问题 。 本 书 配合 大 量 实例 ， 来 让 读者 在 实践 中 逐渐 掌握 一 一 图 瘟 荃 ( 风 宇 冲 ) 

Unity Shader 的 编写 。 


Unity 是 一 款 上 手 容易 但 是 想 学 好 却 很 难 的 引擎 ， 尤 其 是 
Shader 部 分 ， 所 有 的 泻 染 效 果 都 离 不 开 它 。Unity 虽 然 帮 有 开 
发 者 封装 了 很 多 通用 的 Shader， 但 是 往往 还 是 满足 不 了 策划 
的 需求 。 所 以 开发 者 太 需 要 对 Shader 进 行 系统 的 学 习 ， 本 书 
是 目前 绝 佳 的 参考 资料 。 

Unity 资 深 圩 发 者 宣 商 村 (MOMO ) 


寺 构 连贯 。 在 内 容 编 排 上 颇 费 心思 ， 从 基础 到 进 阶 再 

到 深入 ， 解 决 读者 长 期 以 来 的 学 习 烦 恼 。 

充分 面向 初学 者 。 在 本 书 的 编写 过 程 中 ， 作 者 一 直 在 

问 自己 ， 这 么 写 到 底 读 者 能 不 能 看 懂 ? 为 此 ， 书 中 提供 了 大 

量 的 图 示 并 配 以 文字 说 明 ， 并 在 一 些 章节 最 后 提供 了 “答疑 

解 惑 ” 小 节 来 解释 一 些 初学 者 经 常 遇 到 的 问题 。 

在 泻 染 方面 的 新 内 容 。 如 多 次 介绍 

Unity 5 中 的 新 工具 帧 调试 器 ( Frame Debugger ) ， 并 借助 

该 工具 的 帮助 来 理解 Unity 中 的 演 染 过 程 。 

EL 正 伸 阅 读 资 料 。 在 本 书 一 些 章节 的 最 后 提 

供 了 “扩展 阅读 ”小 节 ， 让 那些 希望 更 加 深入 学 习 某 个 方向 
的 读者 可 以 在 提供 的 资料 中 找到 更 多 的 学 习 内 容 。 
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